Membuat Blockquote Keren dengan efek Hover

Membuat Blockquote Keren dengan efek Hover. tentang apa itu Blockquote, telah dik bahas pada posting yang telah lalu. seperti sudah lumayan banyak banyak pembahasan tentang Blockquote pada blog ini.
tetapi tidak ada salahnya jika "cara edit blogger" membuat lagi posting tentang Blockquote kembali.
pada kali ini cara edit blog mencoba membuat posting tentang Blockquote dengan efek hover. efek hover yang saya gunakan disini adalah menggunakan efek hover lilin.
efek hover menggunakan lilin karena seakan-seakan teks yang akan kita lihat dalam kegelapan malam, dan ketika teks disentuh maka lilin akan hidup. wah mantap juga ceritanya.
Kita-kita bagaimana cara membuatnya?
Kok kita-kita. salah ketik maksudnya kira-kira
Cara Membuat Blockquote Keren dengan efek Hover adalah :
= Login ke blogger
= Template > Edit html
= cari kode

.post blockquote

= Ganti dengan :

.post blockquote{
background: #C2BEBD;
margin: 10px;
padding: 10px;
border-top: 13px solid #0C090A;
border-bottom: 13px solid #0C090A;
border-left: 10px solid #0C090A;
border-right: 10px solid #0C090A;
border-radius:9px;
}
.post blockquote:hover {
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQbZuFfY7gQtZZWmY6RWf9iURKTCn02O6Fn6DEKfCTdWbS_Fx8gdbB7MMYlpc-thHalQKIaQCtb6gC_a4kkVkuE9L1Z5tt4ZfKduOjNSOct7apo9OQwrS55BHrrFOwFVh-F7mmEySNDRwa/s1600/lilin.gif) no-repeat right bottom ;
color:#E0E089;
}

= Simpan Template

Lalu seperti apa tampilan Blockquote Keren dengan efek Hover tersebut?
Blockquote berfore disentuh kursor

Blockquote after disentuh kursor

untuk demonya tidak sengaja tidak saya sertakan, karena ada di blog saya yang lain:-)
yah, semoga saja bermanfaat