April 08, 2013

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 quote 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.



Penjelasan:


-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. dan dapat mempromosikan blog Anda

Tidak ada komentar:

Posting Komentar

Artikel Menarik Lainnnya