Cara Mudah Membuat Blockquote pada Blog

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.