Blockquote Cantik Dengan Mouse Effek Hover

Pertama Silahkan Login ke Blogger Pada Dasbor Klik Tata letak/rancangan->>edit html->>expand template widget lalu cari code berikut ini ]]></b:skin> jika sudah ketemu silahkan copy code di bawah ini dan letakan tepat di atasnya.



[[DEMO HERE]]


blockquote {
background: #FFFFFF ;
margin: 0 20px;
padding: 20px 70px 20px 20px;
color:#DF0101;
font: bold 0.9em "comic sans ms", "Times New Roman", Times, serif;
border:5px solid #DDD;
}

blockquote:hover {
background: #BE81F7;
color:#0101DF;
}


blockquote p {
margin: 0;
padding-top:10px;
}

Klik simpan dan lihat hasilnya....:))semoga bermanfaat..:))