Hover Blockquote

 26/10/2011

Hellow..

Spew yg nak kan blockquote mcm Nadia ?

Jom kita mulakan..

1. Korang pergi ke Dashboard -> Design -> Edit HTML -> Tick pada kotak Expand Widget Tempates

(sebelom tu, delete blockquote korang yang dulu)

2. Dengan menggunakan kuasa CTRL + F, cari kod ni..

.post blockquote {

Copy code kat bawah ni dan paste kan di bwh kod tadi

border: 2px dotted #1569C7;
background: url(Background 1);
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-right: 10px solid #1569C7;
padding: 5px;
}
.post blockquote:hover {
border: 2.5px dotted #1589FF;
background: url(Background 2);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-right: 10px triple #1589FF;
-webkit-transition: 2.5s;
}

Korang tukarkan yang tulisan merah dan biru tu sendiri..

Last sekali, save dan lihat hasilnya..

---

---