- live preview -
Rasanya cara ni lebih kemas kan? lagi2 color pink :P now korang pun boleh buat sendiri :)
Cara nak buat
Step 1Dashboard > Template > Edit HTML ctrl + F --> H3 (enter 2x) Copy kod text-align:center; background: kod Warna; margin-bottom: 14px; padding:8px 5px 8px; margin-left: -17px; margin-right: -17px; font-size:140%; text-transform:uppercase; font-weight:Bold; line-height:1.0em; color:kod warna untuk tulisan; -webkit-border-top-left-radius:14px; -webkit-border-top-right-radius:14px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; } # ubah mengikut warna kegemaran :) kod boleh cari SINIpaste bawah kod yang korang cari tadi
Step 2ctrl + F -->.post {Copy kodbackground: url(url background) repeat;width: 530px;margin-top: 12px;padding:15px 15px 15px;border-left:5px solid kod Warna;border-right:5px solid kod Warna;border-bottom:2px solid kod Warna;font-size: 95%;padding-top:0em;padding-bottom :-4em;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-left-radius:14px;-webkit-border-bottom-right-radius:14px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;}# ubah mengikut warna kegemaran :) kod boleh cari SINIpaste bawah kod yang korang cari tadi
Step 3
ctrl + F -->.post-footer {
Copy kodmargin: 15px -20px -20px -20px;
height : 50px;
background:kod Warna;
padding : 10px 100px 30px 10px;
color:kod Warna untuk tulisan;
text-transform:lowercase;
line-height: 1.2em;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border:5px solid kod Warna;
}# ubah mengikut warna kegemaran :) kod boleh cari SINI paste bawah kod yang korang cari tadi
Note : pastikan semua kod warna adalah sama..kecuali kod warna untuk tulisan mestilah berbeza..kalau tak faham boleh tanya ya..
rajin betul buat tutorial ya Sha.. nanti kaka cuba ya.. (^_^)
ReplyDeleteBanyak tutorial yang bagus di sini.
ReplyDeleteassalamualaikum sha...bagus la ada tutorial mekacih...:)
ReplyDeleteokey..i try..hihihi
ReplyDeleteBanyak tutorial di blog sha ni. Rajin ye sha. Bagus..tak kedekut ilmu :-)
ReplyDeletePsst...tq datang blog kak Ros dan marathon komen :-)
Hihi
tq2..
ReplyDeleteterima kasih ye . dah jadi :D
ReplyDeletePost a Comment
Assalamualaikum..terima kasih sebab singgah, komen yang baik2 ja tau !! nanti sha singgah blog korang..In Sha Allah :)