Cara Membuat Quote yang Menarik

Quote biasanya digunakan untuk menuliskan beberapa kata yang penting untuk diperhatikan. Quote di blog berguna untuk melokalisasi teks, gambar atau media lain yang ditonjolkan, selain itu quote juga akan membuat blog lebih indah dipandang. Kita bisa membuat quote di blogspot dengan mudah hanya dengan menekan icon quote yang berbentuk apostrop (tanda petik dua). Sayangnya, quote yang disediakan blogger tampilannya kurang menarik.

Terus, bagaimana cara membuat quote yang menarik?

Langsung saja, cara membuat qote yang menarik sebagai berikut. Perhatikan scrib di bawah ini.

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 30px; -moz-border-radius-topright: 30px; background: #eeeeee none repeat scroll 0% 0%; border: 5px solid #dddddd; overflow: auto;">Taruh disini teks, gambar atau media lain yang akan diquote</div>

Ketika membuat postingan taruh kode tersebut dibagian Edit HTML dan ganti "Taruh disini teks, gambar atau media lain yang akan di-quote" dengan quotan Anda.

Keterangan:

-moz-border-radius-bottomleft: 30px; -moz-border-radius-topright: 30px  adalah untuk membuat lengkungan border.

background: #eeeeee none repeat scroll 0% 0% adalah latar belakang quote tersebut, anda bisa mengganti latar belakangnya dengan gambar, dengan cara ganti code #eeeeee dengan code url (url gambar anda)

border: 1px solid #dddddd adalah border atau bingkai quote tersebut, 1px adalah ukuran tebal border, #dddddd adalah warna border quote.

Letakan postingan anda disini adalah tempat anda meletakkan teks atau gambar yang akan dimasukan pada Quote.

Semoga berhasil.