05 April 2009

Cara Membuat Kotak Quote

Saya akan bahas cara membuat quote di postingan blog, atau bisa juga di sebut tempat menaruh code HTML di postingan biar lebih indah. Pertama saya akan menjelaskan bagai mana menampilkan code HTML di postingan. Gampang kok...

  1. Pertama kita harus siapkan codenya.
  2. Lalu masuk ke link ini
  3. Copy code yang anda siapkan
  4. Dan paste code tadi ke dalam kotak yang di sediakan di situs ini lalu klik encode


<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: 1px solid #dddddd; overflow: auto;">
<blockquote>
Letakan postingan anda disini
</blockquote>
</div>


Tambahan :
  • -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: 5px solid #dddddd adalah border atau bingkai quote tersebut, 1px adalah ukuran tebal border, #dddddd adalah warna border quote.
Sekian tutorial membuat kotak quote dari saya, semoga bermanfaat...
Sumber :

Related Story

1 comment: