Cara Membuat Blockquote Efek Hover

Cara Membuat Blockquote Efek Hover - Pada postingan yang lalu, saya pernah posting bagaimana Cara Membuat Blockquote Di Blog dengan beragam pilihan blockquote, nah kali ini sesuai dengan janji saya yang akan bagikan tutorial cara membuat blockquote fengan berbagai efek, blockquote berefek yang pertama yaitu dengan efek hover, Sebagai contoh bisa lihat di bawah ini. 

Blockquote efek Hover

 Baik langsung saja Cara Membuat Blockquote Efek Hover berikut ini.

Cara Membuat Blockquote Efek Hover:

Pertama loggin dulu ke Blogger, terus pergi ke EDIT HTML, terus cari kode blockqoute Jika tidak ditemukan berarti blog agan belum pernah di modif blockqoutenya...

klo gitu, 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 memasukan ke HTML postingan. 

<blockquote>tulisan anda</blockquote>

Sekian - Cara Membuat Blockquote Efek Hover  

Semoga tutorial mengenai Cara Membuat Blockquote Efek Hover ini, bermanfaat, silahkan modifikasi sesuka hati anda selamat mencoba..