Membuat Kotak Kutipan Di Blog

ads

Kolom quote atau yang sering di sebut kolom untuk mengutip memang terkadang dibutuhkan para penulis blogger. Metode ini adalah untuk memasukkan kata ataupun kalimat ke dalam sebuah kolom dalam postingan yang dibuat. Kolom quote biasa digunakan para blogger untuk menuliskan tutorialnya agar mudah dibedakan antara bait ke bait. Untuk membuatnya dibutuhkan kode/script HTML. Mungkin tutorialnya sudah banyak sekali disebar para blogger, namun tidak ada salahnya untuk menuliskan kembali untuk memberi tahu yang belum mengetahuinya.

Ada beberapa kode script yang diperuntukkan untuk membuat sebuah kolom dipostingan tertentu, tampilannyapun bisa berbeda-beda. Pada tutorial kali ini membahas tentang membuat kolom yang terlihat kotak atau persegi saja agar postingan tidak terlihat monoton.

Copy-paste kan saja script di bawah ini kedalam editor HTML saat menulis postingan:

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #d8d8d8 none repeat scroll 0% 0%; border: 1px solid black; overflow: auto;">
    <blockquote>Masukkan Kutipan Anda Disini!!</blockquote></div>

Catatan:

•  #d8d8d8 = untuk warna latar pada kolom quote

•  border: 1px = Untuk ketebalan garis

• black = Untuk warna garis

Warna pada kolom bisa Anda rubah sesuai dengan yang diinginkan. Jika Anda sudah meletakkan script tersebut. Jika penempatannya sudah benar, akan nampak tulisan "Masukkan Kutipan Anda Disini!!" dan mulailah untuk menulis yang ingin Anda kutip, agar lebih mudah, tulis quotenya di dalam editor compose, silahkan klik priview terlebih dahulu. Jika Anda kesulitan untuk menekan enter saat selesai menulis quote, tambahkan kode <br /> setelah kode </div> di editor HTML.
Semoga bisa dipahami, selamat mencoba.

Share this

Related Posts