Cara Mudah Membuat Block Quote Di Postingan Blog - Membuat Quote di blog ini berfungsi untuk menaruh catatan dengan memisahkan catatan yang lain agar lebih terlihat menonjol dengan yang lainnya. Banyak contoh-contoh membuat Quote di blog tetapi ini menurut saya Quote yang paling simpel dan enak di lihat. Sebenernya di Blogger pun sudah di berikan Quote tetapi saya ingin memberikannya yang berbeda.
Contoh Quote
Silahkan copy paste code di bawah ini kedalam HTML postingan
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: #eeeeee none repeat scroll 0% 0%; border: 1px solid #dddddd; overflow: auto;">
<blockquote>Letakan postingan anda disini</blockquote></div>
Atau yang ini
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background: #eeeeee none repeat scroll 0% 0%; border: 1px solid #dddddd; overflow: auto;">
<blockquote>Letakan postingan anda disini</blockquote></div>
Keterangan:
- -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; adalah untuk membuat lengkungan border. Anda bisa merubah ukuran dari 10px tersebut sesuai keinginan,
- 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 tempatkan teks atau gambar yang akan dimasukan pada Quote.
Sekarang anda telah selesai membuat Quote di Postingan Blog, anda juga bisa merubahnya sesuai keinginan. Semoga
Tutorial Cara Mudah Membuat Quote Di Posting Blog ini bisa bermanfaat. Bila ada masalah mengenai Cara Membuat Quote Di Posting Blog silahkan komentar di bawah.
Terimakasih anda telah membaca artikel tentang
Cara Mudah Membuat Block Quote Di Posting Blog
. Jika ingin menduplikasi artikel ini diharapkan anda untuk mencantumkan link
http://synasmedseo.blogspot.com/2014/01/cara-mudah-membuat-block-quote-di.html
. Terimakasih atas perhatiannya.
Synasmedseo Blogger Tips Trik Tutorial Terbaru
Published:
2014-01-04T21:18:00-08:00
Title:
Cara Mudah Membuat Block Quote Di Posting Blog
Rating:
5
On
22
reviews
