Tutorial mencantik kan blockquote

Shasha requested this, so yeah, here we go :)

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 {
margin:1em 20px;
}

4. Highlight kan code di step 3. Gantikan dengan code di bawah

.post blockquote {
background: #FFCC99;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #ff0d62;
margin:1em 20px;
}

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 ;

.post blockquote {
background: url(URL GAMBAR ANDA) ;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px dashed #000000;
margin:1em 20px;
}

6.  Kalau nak ubah color, boleh pergi COLOR PICKER.

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 :)