Contoh blockquote yang menarik untuk blogger!

Semasa aku  join satu Kontes Review Klinik Cinta, aku telah tempel satu blockquote yang agak menarik sebab ada beberapa mesej yang aku terima nak tahu cara buat blockquote tuh. Kat bawah nih aku kongsikan cara nak buat untuk blogger ( blogspot ), untuk wordpress tak pasti le pulak kan, noleh try2 godek skit kalau nak design yang sama dengan ni. Blockquote nih memberi kelebihan kerana kita macam boleh highlight satu perkara dalam satu entri. Hoh... makin pening dah nih. Jom layan cara buat blockquote kat bawah nih.

Blockquote yang menarik untuk blogger!

Inilah blockquote yang di maksudkan.

1. Mula-mula seperti biasa lah, kena Layout>edit HTML
2. Back up templete dulu lah, kan tak jadi kan naya nak kena design balik.
3. Cari  ]]></b:skin> dan pastekan kod kat bawah nih betul-betul di atas ]]></b:skin>

Kod Blockquote :

.post blockquote {
margin : 0 20px;
padding: 10px 20px 25px 20px;
background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5zBkNDlYuNUh6E2M6yWE6DuUSV4AIVwOr9CyfpNUt_GAeWWkkAnmWhzfBuKU3RG8FKncFZUlM2bNIqFEpKiv3P1V7Te9JZhs9_52K9xKHDKUyboH7hhyphenhyphen8mXxYznWpkt_AgFx_x4hHBRM/s400/block22.gif) no-repeat right bottom;
font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia;
color : #484848;
border: 5px dashed #fff;
}

.post blockquote p {
margin: 0;
padding-top:10px;
}

Cara nak tulis entri dan masukkan blockquote nih

Tulis entri macam biasa. Dah siap, klik HTML, cari ayat-ayat yang korang nak blockquote kan. Di permulaan dan akhir ayat, klik tanda blockquote tags seperti di bawah:

blockquote tags

Antara blockquote tags, tambahkan dua tags i.e <div> dan </div> seperti di bawah:

<blockquote><div>Quote korang kat sini</div></blockquote>.

Itu je. Kalau korang nak tukar padding, backgorund, font, kaler dan border, silakanlah.

Peace Yo!