Cara Membuat Kotak Blockquote

Tutorial kali ni nak ajar cara nak buat kotak blockquote yang cantik...tak tahu blockquote tu apa...ni hah kotak merah kat gmbar bawah ni la yg dipanggil blockquote..mudah je..kalau korang nak bt blockquote..cuma highlightkan tulisan yg nak di blockquote then tekan butang blockquote seperti kat bawah ni..

Camni la lebih kurang rupa blockquote yang akan terhasil nnt...korang boleh ubah warna, border & backgroundnya ikut cita rasa masing2...caranya just follow the step below..

1. Login ke Blog > Design > Edit HTML >

2. Copy kod kat bawah ni lepas tu tekan Ctrl+F untuk cari kod ni...

.post-body {

3. Copy kod di bawah ni & pastekan di bahagian atas kod .post-body { tadi..

.post blockquote { background-image:url(URL GAMBAR BACKGROUND BLOCKQOUTE); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #FF0080; margin:1em 20px; }

CONTOH :

.post blockquote { background-image:url(URL GAMBAR BACKGROUND BLOCKQUOTE); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #FF0080; margin:1em 20px; }
.post-body {

4. URL GAMBAR BACKGROUND BLOCKQUOTE yang ada pada kod di atas tu boleh diubah mengikut kesukaan masing2..Caranya ambil URL gambar yang korang nak lepas tu pastekan kat ruangan tu..Kalau malas nak cari gambar..kat bawah ni da ada gambar untuk korang pilih2.. :)

5. Border: 3px solid #FF0080 yang ada kat kod tu adalah ketebalan border blockquote korang...CONTOHnya kalau Border: 3px diubah kepada Border: 5px maka makin teballah border blockquote tu..
Perkataan solid tu boleh diubahkan kepada dashed @ dotted...ini merujuk kepada jenis border yang korang nak...Beza antara solid, dashed & dotted seperti kat bawah ni...