Baik langsung saja kita mulai Trik Membuat Blockquote Efek Hoverberikut ini.
Trik Membuat Blockquote Efek Hover:
Pertama, Seperti biasa login dulu ke Blogger, terus klikTemplate, lalu klik Edit HTML, cari kode blockqoute yang kurang lebih seperti ini :
.post blockquote {background: -------------------url(------------------------------;margin:------------;padding:---------------------;border-top:---------------------------------;border-right:-------------------------;border-left: ------------------------;border-bottom: ----------------------;font-size:--------------------------;}
Selanjutnya cari kode ]]></b:skin> Kemudian taruh kode berikut di atasnya :
blockquote{margin:20px; padding: 15px 15px 15px 15px; color:#666; border-left:6px solid #c0c0c0; border-top:1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; transition-duration:1s; -webkit-transition-duration:1s; -moz-transition-duration:1s;}blockquote:hover{transition-duration:1s; -webkit-transition-duration:1s; -moz-transition-duration:1s; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-color:green; background:#E6FFB1; -moz-box-shadow:0px 1px 5px #000000; -webkit-box-shadow:0px 1px 5px #000000;}
NB : Apabila anda ingin menampilkan blockquotenya harus mengklik ikonBlockquote, atau bisa juga dengan memasukan ke HTML postingan.
<blockquote>tulisan anda</blockquote>
Sekian dulu postingan saya kali ini tentang Trik Membuat Blockquote Efek Hover
Sampai ketemu di postingan - postingan selanjutnya.
Judul : Trik Membuat Blockquote Efek Hover
Deskripsi : Baik langsung saja kita mulai Trik Membuat Blockquote Efek Hover berikut ini. Trik Membuat Blockquote Efek Hover: Pertama, Seperti b...
