1. As usual , go to Dashboard > Design > Edit HTML. Then click pada Expand Widget Templates.
2. Then tekan 'Ctrl' dan 'F' serentak , copy code di bawah ni dan paste kan ke kotak find.
.post blockquote {3. Kemudian anda akan nampak code seperti di bawah ini.
.post blockquote {4. Highlight kan code di step 3. Gantikan dengan code di bawah
margin:1em 20px;
}
.post blockquote {5. Ok, yang di atas tu kalau anda nak background yang berwarna sahaja. Kalau nak background lain, ada gambar-gambar ke, boleh copy code ini ;
background: #FFCC99;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #ff0d62;
margin:1em 20px;
}
.post blockquote {6. Kalau nak ubah color, boleh pergi COLOR PICKER.
background: url(URL GAMBAR ANDA) ;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px dashed #000000;
margin:1em 20px;
}
7. Kalau nak tebal kan lagi border, just tambah ke 2px atau 3 px, ikut suka la. Kalau nak tukar border ; solid untuk garisan lurus. dotted untuk garisan titik-titik. dashed untuk garisan putus-putus.
8. Kalau tak faham , boleh tanya. Hehe.
Selamat mencuba !
P/S : Credit to Ynn for this tutorial :)
5 orang rasa saya gemuk tapi hot. aww:
kenapa laa kan i dah ctrl+f .post blockquote { but then 0 result. takkan nk go through sume codes tu satu persatu kot? -___________-
ARGH. BYE.
thnx ,
Huda! tengkiu utk tutorial ni. appreciate sgt! :)
salam singgah..
berjaya! meh la jenguk blog Sue.. credit utk awak! (sambil tlg promote blog awak juga.. hihi)
thanx
New Entry Sue: .: Finally Berjaya Edit Blog :.
tak jadi. sedih :(
Post a Comment