LoL: Cara Buat Kotak Blockquote

Assalamualaikum

Bertemu lagi kita di tutorial yg terbaru, ramai blogger baru diluar

sana kadang tak tahu apa itu kotak blockquote dan tujuan sebenar kotak ni diwujudkan,

Kotak blockquote ni direka bagi mudahkan reader membaca article korang dan

bagi mencantikkan blog korang tu, kalau kotak ni tak ad msti semak punya blog

dan reader pon nak baca boleh hilang mood. kalau yang tak tahu apa tu kotak blockquote

lihat gambar dibawah ni ya.

ok, ni pulak hasilnya bila aticle korang dah di blockquotekan, hehe. nak buat ni? mudah saja, saya boleh ajarkan.

___________________________________________________

CARA 1 : ( template berbeza, jadi kod pun berbeza )

1.Login ke Blogspot, klik Design/ Layout > Edit HTML

2. Lepas itu, sila cari code di bawah. gunakan Ctrl F untuk memudahkan pencarian

.post-body {

3. Sila Copy code di bawah dan paste kan di atas code .post-body {
( seperti yang korang telah cari sebentar tadi )

.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; }

4. Code yang saya warnakan Biru , boleh la ditukar mengikut code url korang sendiri.

5. Save

___________________________________________________

CARA 2 : Memandangkan ramai yang tak boleh test cara di atas.Jadi saya akan ajar kod ini pula. sila ambil perhatian ya.

1.Login ke Blogspot, klik Design/ Layout > Edit HTML

2. Lepas itu, sila cari code di bawah. gunakan Ctrl F untuk memudahkan pencarian

.post blockquote {

3. Sila Copy code di bawah dan paste kan di bawah code .post blockquote {
( seperti yang korang telah cari sebentar tadi )

background: url(url image);

border-top: 1px dashed #000000;

border-left: 1px dashed #000000;

border-right: 1px dashed #000000;

border-bottom: 1px dashed #000000;

4. Code yang saya warnakan Biru , boleh la ditukar mengikut code url korang sendiri.

5. Save

___________________________________________________

p/s: Kalau tak jadi juga, bawa blog korang jumpa yang pakar, mungkin dah tak lama jangka hayat blog tu, hahaha.

Ni saya nak kongsi sikit url yang korang boleh guna pakai untuk background blockquote korang. Pakai warna lembut untuk lebih kelihatan menarik.