Cara Membuat Quote yang Menarik
Unknown
Tuesday, February 28, 2012
24
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.
Keren banget tampilannya.
ReplyDeleteTerima kasih :)
DeleteSilakan digunakan gan
Infonya sangat bermanfaat gan
ReplyDeleteSilakah dipraktikkan gan.. Terima kasih sudah berkomentar.
Deletethanks gan sangat membantu
ReplyDeleteSama-sama sob
Delete@Blog Dofollow: Sama-sama gan...
ReplyDelete@Unic29: Sama-sama juga. saling membantu dan berbagi
@Raden Chopin: Silakan Raden Chopin.. iya,sama-sama
ReplyDeleteKeren gan, saya sudah mencobanya..
ReplyDeletePerlu diketahui semua orang nih sepertinya
Iya,langsung dicoba nih,makasih
ReplyDeleteiyah, sama-sama
ReplyDeleteWah, tips-nya oke gan...
ReplyDeleteCuman, ane justru sekedar pake table aja buat bqin Quote-nya...
Hehehe...biar lebih mudah gitu deh.. :D
Silakan sesuka hati aja gan.. Kalau kotak dan ada bordernya kan otomatis yang lihat juga suka.
Deletebagus
ReplyDeletemantap
ReplyDeletesalam kenal
ReplyDeletesemoga bermanfaat
ReplyDeletetips yang bagus
ReplyDeletebahannya apa aja pak?
ReplyDeletemantaf gan
ReplyDeleteterima kasih infonya pak
ReplyDeletenice info, mau di coba gan...
ReplyDeletemas saya sudah coba pas di blog lain bisa keluar scrolnya tapi pas kucoba di blogku sendiri knp ga bisa keluar scrolnya ya? knp itu mas?
ReplyDeleteMakasih gan tutorialnya.
ReplyDelete