Tutorial : Blockquote Double Colour

Hai. Baru tadi first time buat BLOCKQUOTE with border and background. So nak buat tutorial taknak bagi lupe. :)

Firstly, untuk sesiapa yang tak tau nak buat blockquote, caranya macam ni :

1. Taip entri korang.

2. Highlight mane yang korang nak 'blockquote' kan.

3. Then tekan simbol dalam kotak merah tu : 

4. Nanti jadi camni :

Nama saya Hanim. Ini adalah contoh blockquote.

Okay. So, tu nak buat blockquote. Nampak tak border dia tebal atas bawah and dashed kiri kanan dengan backround kuning? Kalau nak buat camtu, ikut step kat bawah ni.

1.  Pergi kat Dashboard > Design > Edit Html
2. Then, tekan CTRL + F and paste code ni :

.post blockquote {

3.  Copy dan paste code ni kat bawah code tadi :

background:url(URL BACKGROUND);
padding:5px;
-moz-border-radius: 5px;
border: 1px dashed #000000;
border-bottom:3px solid #000000;
border-top:3px solid #000000;
colour:#FFFFFF}

Indicator warna,
purple : gantikan dengan url background yang korang suke

biru : tebal border


merah : corak border.
Boleh tukar >> double/ solid/ dashed/ dotted

oren : warna border. 
klik SINI untuk code warna

kelabu : posisi border. 
Boleh tukar or tambah >>border-left/ border-right

Last sekali, tekan SAVE and enjoy your new blockquote!

credits to izzati ♥

---

Thank you for reading! Love, Hanim :)

---