Cara Memodifikasi BlackQuote Di Blogger

Selasa, 27 Desember 2011

Cara Memodifikasi BlackQuote Di Blogger

Seperti apah BlackQuote Itu ?

Untuk platform blogger,blockquote memiliki tampilan default yang dapat dikatakan 'biasa saja'.
Blockquote,adalah unsur dalam posting yang digunakan untuk menunjukkan kutipan dari sebagian besar teks dari sumber lain atau teks yang menunjukkan suaru penjelasangaris besarnya.

Contoh tampilan blocquote adalah seperti di bawah ini:

Nah,sampai disini sobat sudah mengetahui blockquote?

Sekarang,yuk cari tahu bagaimana Cara Modifikasi Blockquote Blogger.

1.Pedhilah ke dashboard blog sobat lalu pilih rancangan atau tata letak,lihat gambar 01.

Gb.0.1

2.Pilih tab Edit HTML,lalu contreng tulisan Expand Widhet Templates,lihat Gambar0.2 dan 0.3

Gb.0.2

Gb.0.3

3.Cari kode ]]></b:skin> (untuk mempermudah gunakan keyboard dan tekan Ctrl+F),setelah ketemu,tepat diatas kode tersebut letakkan kode berikut :

.post-body blockquote {

margin: 10px 10px 10px 20px;

padding: 10px 15px 10px 15px;

line-height: 1.6em;

color: #000000;

background:   url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png)  no-repeat left top;

border-left: 10px solid #666666;

}

4.Lalu simpan Templates,dan selesai.

Catatan:jika css blog sobat sudah ada kode .post-body blockquote {,maka tinggal ganti dengan kode diatas.

Cara Membuat Blockquote dalam Postingan

Setelah sobat melakukan cara memodifikasi blockquote diatas,kini sobat dapat membuat blockquote dalam postingan,dapat secara manual dan dapat pula secara WYSWYG.

1.Untuk secara manual sobat tinggal sisipkan kode:
<blockquote></blockquote> dalam kalimat atau paragraf,contohnya,

<blockquote>Saya sedang belajar menghias blog blogger dan kali ini saya sedang belajar membuat blockquote dalam postingan di blogspot-ku tersayang ini :D</blockquote>

Nah,dari penulisan diatas,akan menghasilkan tanpilan blockquote seperti ini: