Jika anda pernah menjadi member sebuah forum pasti sudah tidak asing lagi dengan istilah blockquote. Ketika anda
meng-quote komentar dari member forum lainnya maka akan muncul tampilan komentar dalam sebuah kotak. Nah kotak inilah
yang disebut blockquote. Fungsi blockquote adalah memberikan tampilan yang berbeda dari sekitarnya. Selain untuk meng-quote atau
mengutip komentar orang lain blockquote biasanya juga digunakan untuk menampilkan testimonial, source code, dll.
Bagi anda yang pernah membuat website reseller bisa menggunakan blockquote untuk menampilkan testimonial dari para pembeli produk anda.
Cara membuat blockquote cukup mudah dengan menggunakan bahasa HTML. Berikut ini ada beberapa contoh tampilan blockquote beserta
code HTMLnya yang bisa anda pakai diblog atau website anda.
<div style="border: 1px solid rgb(240, 240, 240); padding: 10px; background-color: rgb(192, 192, 192);">
TULISAN ANDA DISINI
</div>
<div style="border: 2px dashed rgb(167, 204, 235); padding: 10px; background-color: #f4faff;">
TULISAN ANDA DISINI
</div>
<div style="border: 1px dashed #cc0000; padding: 10px; background-color: #ffffff;">
TULISAN ANDA DISINI
</div>
<div style="border: 1px solid #CCCCCC; padding: 10px; background-color: #E6F4F9;">
TULISAN ANDA DISINI
</div>
<div style="border: 0px; padding: 10px; background-color: #ffff99;">
TULISAN ANDA DISINI
</div>
Anda juga bisa berkreasi dengan warna background dan border pilihan anda sendiri. Bagi anda pengguna blogspot tentu mudah
diterapkan tinggal copy dan paste code diatas. Penggunaan blockquote sangat membantu saat kita ingin memfokuskan pada bagian
tertentu dari postingan yang kita tulis.