Quote sama sperti Spolier tapi Quote bisa digunakan untuk memberikan koding. tapi sepertinya menggunakan spoiler juga bisa, tapi saya lebih senang menggunakan Quote untuk pemisah koding dengan tulisan lain.

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

Silahkan copy paste code berikut kedalam HTML postingan, yang ada di bawah ini :

ini kalo kalian mau petak :
<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>

ini kalo kalian mau bulat :
<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>

ini kalo mau ada Scroll nya :
<div style="border: 2px solid green; height: 50px; overflow: auto; padding: 5px; text-align: left; width: 98%;">
<blockquote>
&lt;div style="border<br />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.
Jadilah Quote yang kalian inginkan, bisa merubahnya sesuai keinginan.
Semoga bermanfaat :)

Post a Comment