Minggu, 02 Agustus 2009

Cara Mudah Membuat Blockquote pada Blog

membuat blockquote 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.

4 komentar:

yanuar mengatakan...

kunjungan perdana, salam kenal bos..dan sukses ya dgn bisnisnya..

BRI Jakarta Veteran mengatakan...

makasih sahabat ini yang sedang dicari ... coba dulu !

Achmad mengatakan...
Komentar ini telah dihapus oleh pengarang.
Achmad mengatakan...

Thx gan, ane coba deh. :)

kunjungi my blog : top-ilmu.blogspot.com

Posting Komentar

Blog Archive

Buku Tamu