Tutorial : Bentuk bentuk border untuk sidebar, blockqoute n tajuk post

Assalamualaikum...
sapa boring dengan border y korang ada skrg?? nak try border baru??
ble try tutorial ne... maaf la.. sy newbee dlm bab2 tutorial ne... hehe
y ne sy dpt hasil uji kaji diri sendiri... hehe...


Step 1 :

Dashboard > Template > edit html 
Tekan Ctrl + F
  
Step 2 :
Untuk kotak sidebar/ tajuk sidebar *setiap template adalah berbeza

cari :   

 Untuk sidebar 
h2 {
ataupun
 .sidebar.widged{
ataupun
.sidebar h2 {

Untuk tajuk post
h3.post-title {

Untuk blockquote

.post blockquote {

Step 3 :
*copy dan paste coding border pilihan anda selepas code y anda cari kat atas*

jenis2 border yg korang boleh pilih :

sidebar
-moz-border-radius: 4em 4em 4em 4em;
border-radius: 4em 4em 4em 4em;

tajuk entry
-moz-border-radius: 0px 0px / 0px 0px;
border-radius: 0px 0px / 0px 0px;

sidebar
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

bloqouet
-moz-border-radius: 0em 0em 3em 3em;
border-radius: 0em 0em 3em 3em;

blog
-moz-border-radius: 3em 3em 0em 0em;
border-radius: 3em 3em 0em 0em;

comel
-moz-border-radius: 4em 0em 4em 0em;
border-radius: 4em 0em 4em 0em;

Step 4 :
Preview dulu... dah puas hati.. bru SAVE

....Siap....



TQ sudi baCa.. jgN luPe koMen taU =)

No comments :

Post a Comment

Assalamualaikum ~
komen y baik2 k.... tq sebab respon entry saya =)

Daisypath Happy Birthday tickers

Daisypath Happy Birthday tickers