Kotak blockquote dengan hover

Assalamualaikum!~

Sebelum ini, ikaa ada buatkan tutorial tentang kotak comel ataupun dikenali sbg kotak blockquote untuk korang, tapi kali ini still lagi kotak blockquote tapi berhover. Mesti lagi cantikkan. Tapi berhover macam mana erk. Ok berhover tue bermaksud, apabila korang acukan cursor ke arah kotak blockquote korang, ia kan bertukar kaler ataupun keluar icon kecil dibawahnya. Terpulang pada korang yang meletakkannya.

Tapi sebelum itu, pasti korang dah pasang kotak blockquote a.k.a kotak comel ini dulu :

• kotak comel dalam entry
• Kotak comel dalam entry 2#

1. Dashboard > Design > Edit html > Add a gadget > Tick widget expand

2. Search code ini dulu

.post blockquote {

3. Lepas itu, copy pula code dibawah ini.

blockquote:hover {
background-color: #FFFFFF;
-webkit-transition-duration: 3.5s;
background-image:url(URL ICON);
background-position:bottom right;
background-repeat:no-repeat;
 }

4. Pastkan code tersebut bawah/selepas code no 2.

5. Preview dulu, tiada error baru save.

Purple : Boleh ganti dengan kode INI

Hijau : Gantikan dengan url image INI

cth url icon :

    http://dl8.glitter-graphics.net/pub/434/434518xlbzh5vtds.gif
http://dl2.glitter-graphics.net/pub/550/550422iuv8tgsqnr.gif