Membuat Blockquote Keren

Dari hasil surfing, saya menemukan beberapa definisi.
Blockquote adalah tulisan yang menjorok ke dalam dari batas kiri dan kanan area postingan. by. bangjohan

Blockquote adalah tanda yang digunakan untuk memblock suatu tulisan. Biasanya tulisan tersebut dianggap penting sehingga di block agar pembaca lebih fokus pada tulsan tersebut. by. NN

Blockquote adalah sebuah tag HTML biasanya digunakan untuk menampilkan quote/kutipan. Misalnya, kita menemukan kalimat menarik dari seseorang dan ingin menampilkannya di blog/website – maka digunakanlah blockquote. by. noufal

dari beberapa definisi diatas kita pastinya sudah mengerti apa yang dimaksud dengan BlockQuote..,


Baiklah, sekarang saya akan memberitahukan bagaimana cara membuat BlockQuote yang keren ??
Langkah yang harus sobat lakukan:
1. Login ke Akun Blogger
2. Klik Design/Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (BackUp Template terlebih dulu)
4. Cari kode: ]]></b:skin>
Lalu letakkan kode CSS berikut! diatas kode ]]></b:skin>

.post-body blockquote{  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbSHHy-FvPnatazHAZCQUrLfLK0QucGIAN-WEQh1dRwLHtJpGc6kSaeBqTTJCKW-_xPUMJZvxeh8R_jpUC4HYBe_ibaAPJpwR3gAg5Zs6xQjoKwe8kDJoSot1N6ANGatILOGE5IHrmqpSL/s1600/quote.png) no-repeat top left;  text-shadow:2px 2px rgba(0, 0, 0, 0.9); font-size:15px; color:#CC0099;  margin:0;  padding:0 10px 0 35px;  line-height:1.3em}.post-body blockquote:hover{color:#E60066}.post blockquote{ margin:1em 15px}.post blockquote p{ margin:.75em 0}

Nb. Kamu dapat mengedit kode yang berwarna diatas sesuai selera masing-masing.

5. Save Template dan lihat hasilnya..

Ini ada beberapa gambar BlockQuote yang keren..1. http://lh5.ggpht.com/_7Y9pl24WpQY/S8TbzURLbiI/AAAAAAAADW8/3wp5OomCSv8/blockquote2_thumb%5B2%5D.png

2. http://photoserver.ws/images/ZXJe4cdc41db278a2.png

3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZLFiMl11RyFTQT4Tx1jN5cQt3_pXcn_nhnZYK9te7rObq0F-T0KyUF2Mluj-Dwz9N9_5dsYQuHKlgjjN4pQucDAMTCpkYT5l-i8SVwBI7v1_3JZv1Eoclo05rzjMENxNcHEcC1xKRl_M/s1600/blockquote.gif