Cara Modifikasi Blockquote Blogger

Seperti apa sih Blockquote itu?

Pasti sobat berpikir untuk apa memasang blockquote di blog atau web site kita. Langsung aja saya jelaskan untuk mempersingkat waktu sobat. hehehe

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 suatu penjelasan garis besarnya. Selain itu dapat  untuk menunjukkan bagian tulisan yang paling penting untuk dilihat dan digunakan sebagaimana mestinya seperti yang sudah saya jelaskan di atas. Sebagai contoh agar sobat tidak kebingungan, perhatikan gambar di bawah ini :





Nah..,sudah paham nggak nich? Pastinya sudah dong.. Setidaknya nyentuh sedikit dalam otak sobat.. hehe

Untuk membuatnya, lihat langkah-langkah berikut.
1. Login di Blogger
2. Pergiilah ke Dashboard blog sobat lalu pilih Rancangan atau Tata Letak.
3. Pilih tab Edit HTML lalu contreng tulisan Expand Widhet Templates
4. Cari kode ]]></b:skin> . Untuk mempermudah gunakan keyboard dan tekan Ctrl + F atau F3,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;
}

5. Lalu Save Templates sobat, dan selesai.

Catatan:

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


Cara Buat Blockquote Dalam Postingan

Jika sudah selesai di Save, langkah selanjutnya sobat tinggal mempostingkan tulisan atau ide-ide sobat. Dapat secara manual dan dapat pula secara WYSWYG. Agar sama seperti contoh di atas, sobat lakukan langkah berikut.
1. Untuk secara manual sobat tinggal sisipkan kode:
<blockquote> Tulisan Sobat </blockquote> dalam kalimat atau paragraf, contohnya :

<blockquote>Terima kasih karena sobat telah mengunjungi dan belajar lewat blog ini. Semoga melalui tutorial ini sobat bisa menjadi blogger yang lebih baik dan keren.. hehe</blockquote>

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

Terima kasih karena sobat telah mengunjungi dan belajar lewat blog ini. Semoga melalui tutorial ini sobat bisa menjadi blogger yang lebih baik dan keren.. hehe

2. Cara instant, dengan memblok postingan dan tinggal klik deh tanda blockquote-nya seperti gambar ini:

Semoga artikel ini bermanfaat untuk sobat..
Selamat mencoba..