Jumat, 24 Agustus 2012

Kode Script Blockquote Blog Bs-ampuh.blogspot.com

Eh, kalian sudah lihatkan blockquote nya blog ini? Kalau belum ini dia contoh blockquote nya:
Contoh blockquote
Gimana, kerenkan? Blockquote ini keren karena di lengkapi perubahan warna border saat hover (saat mouse atau pointer mendekati) blockquote. Pengen tau cara masangnya di blog mu? Ayo!


  • Masuk ke akun blogger mu.
  • Klik Rancangan atau Tata Letak.
  • Klik Edit HTML.
>>> PASANG IKLAN MURAH DI BRAVO IKLAN<<<
Bagi anda yang mempunyai blog, klik tombol dibawah ini dan klik Menambah Widget. Terima Kasih.

  • Beri centang pada expand template widget.
  • Cari kode ]]></b:skin>
  • Letakkan kode berikut tepat diatas kode tersebut dan klik Simpan Template.
Kode Blockquote Bs-ampuh.blogspot.com
blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAvBbsPj2RswWREZsM0vJ2Yb0QBuFehDtmIRRNZNEQYShFQhZtVB-1rXNjroKHpw4vNoXafLQf0rPJDwpbXQQ6dFEz3ma6qHglA8_KBm-O2m9cntR3BrzMUkpduRRPQ5douwj_omDtHuE/s320/Ketupat.png) repeat top left; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 10px dotted #1940FF; border-right: 10px dotted #1940FF; border-top: 10px dotted #1940FF; border-bottom: 10px dotted #1940FF; } blockquote:hover { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE ; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 10px dotted #C20000; border-right: 10px dotted #C20000; border-top: 10px dotted #C20000; border-bottom: 10px dotted #C20000;} blockquote p { margin: 0; padding-top:10px; }

Update:

Pengen tau cara menggunakan blockquote untuk blog atau website kamu? KLIK DISINI!


Bantu Blog BS-Ampuh Berkembang Dengan Meng-Klik Salah Satu Link Berikut:

    © Bravo Super Ampuh

    Tidak ada komentar:

    Posting Komentar