Cara Membuat Quote yang Menarik
Akses Ilmu
Selasa, Februari 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.
BalasHapusTerima kasih :)
HapusSilakan digunakan gan
Infonya sangat bermanfaat gan
BalasHapusSilakah dipraktikkan gan.. Terima kasih sudah berkomentar.
Hapusthanks gan sangat membantu
BalasHapusSama-sama sob
Hapus@Blog Dofollow: Sama-sama gan...
BalasHapus@Unic29: Sama-sama juga. saling membantu dan berbagi
@Raden Chopin: Silakan Raden Chopin.. iya,sama-sama
BalasHapusKeren gan, saya sudah mencobanya..
BalasHapusPerlu diketahui semua orang nih sepertinya
Iya,langsung dicoba nih,makasih
BalasHapusiyah, sama-sama
BalasHapusWah, tips-nya oke gan...
BalasHapusCuman, 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.
Hapusbagus
BalasHapusmantap
BalasHapussalam kenal
BalasHapussemoga bermanfaat
BalasHapustips yang bagus
BalasHapusbahannya apa aja pak?
BalasHapusmantaf gan
BalasHapusterima kasih infonya pak
BalasHapusnice info, mau di coba gan...
BalasHapusmas 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?
BalasHapusMakasih gan tutorialnya.
BalasHapus