Secara umum pada sebuah tulisan Blockquote atau yang lebih dikenal dengan kutipan sebagaimana dilambangkan dengan "tanda kutip" digunakan untuk menuliskan sebuah kutipan baik untuk mengutip artikel ataupun paragraf dari sumber lainnya sebagai tambahan atau sebagai referensi pada sebuah tulisan. Tapi terkadang blockquote juga digunakan untuk menuliskan paragraf yang ingin ditonjolkan dari paragraf lainnya seperti untuk menuliskan inti dari postingan yang dapat berupa kode html, css, javascript dan lainnya.
Sebagian besar blogger membuat blockquote dalam postingannya tersebut dengan diapit oleh tanda kutif, menggunakan huruf miring /italic, sebagai pembeda dengan pargraph lain. Pada posting kali ini akan diberikan tips cara membuat / memodifikasi blockquote agar tampak lebih menarik.
Berikut ini contoh tampilan dari blockquote yang dibuat secara otomatis dalam setiam postingan blog ini, adapun cara membuatnya adalah dengan memasukkan kode CSS ke dalam template blog
Adapun cara membuatnya adalah sebagai berikut:
- Login ke template Blogger
- Pilih menu template kemudian jangan lupa backup template terlebih dahulu, untuk menghindari terjadinya resiko rusaknya template blog
- Pilih "edit HTML" dan centang kotak "expand widget template"
- Cari kode: ]]></b:skin>
- Copy dan paste kode berikut diatas kode ]]></b:skin>
- Edit tampilan blockquote agar sesuai dengan keinginan dengan cara mengganti kode tersebut pada template
- Setelah selesai, klik pratinjau terlebih dahulu, jika sudah OK, maka Save template. dan lihat hasilnya
blockquote{overflow:hidden; width:85%; margin-left:30px; padding:5px 5px 5px 10px; background:#f2fbf4 url(http://i41.tinypic.com/35a8ayb.jpg) no-repeat right bottom; border:#017b19 solid 1px; border-left:#f906fc solid 10px;
Post a Comment