tutorial blockquote berwarna.

Ini pun ada orang request. Maka I buat lah ye :)


1. As usual, Dashboard > Design > Edit HTML dan click pada Expand Widget Templates


2. Kemudian tekan pada Ctrl + F secara serentak. Copy dan paste code ini di ruangan find ;

.post blockquote { 
margin:1em 20px;
}

3. Highlight kan code dia langkah kedua tadi, dan paste kan code ini pula ;

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

4. Ok, kalau kita nak tukar color background dia, boleh tukar dengan cara seperti di bawah ini. Lihat pada code di langkah 3.

background: #FFCC99; (code ini untuk background.Macam I punya color oren kan?Boleh tukar ye mengikut warna kesukaan anda. Code color sila dapatkan di sini.

5. Kalau dah puas hati, just save. Then kotak ini akan terpapar jika anda buat blockquote pada entry anda. Selamat mencuba :) 


p/s : Thanks Liyana sebab ajar I ni, dulu :)

sedapnyaa. T______T

UPDATE !

Kalau nak pilih ayat yang kita nak blockquote tu, just highlight kan ayat yang kita pilih tu then click butang quote, sebelah button bullet list di edit post ok :)