Hover Blockquote (Cute Icon Muncul Bila Cursor Meyentuh)

Hi korunk ! hahah yg nie plak last or third tutorial for blockqoute ! sape yg ketinggalan korunk bleh tgk kt sni for

^^First Tutorial For Blockquote

^^Second Tutorial For Blockquote

ok dh2x kiter nk start tutorial yg last nie ok ! focus btul2x ! :D 

 kiter nk belajar cre nk wat hover blockquote ok elly tunjukkan hover blockquote tuh perr :D

hah tuh diek ! ok kiter nk start dh !

1. Log in > Dashboard > Design > Edit Html

2. Tekan CTRL + F serentak then cari kod nie :

.post blockquote {

3. dah jumper kan ? then korunk copy kod nie :

blockquote:hover {
background-color: #FFC8F2;
-webkit-transition-duration: 3.5s;
background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic001demoji_8517130decoojp.gif);
background-position:bottom right;
background-repeat:no-repeat;
          }

 4. paste kn dibawah kod yg korunk cri tdi seperti nie ..  elly bagi contoh :

5. dh kan ? ok skang nie , tukar :

Warna Biru : Warna Background Selepas Cursor Menyentuh Blockquote TEKAN SINI UTK KOD

Warna Merah : Cute Icon Yang Akan Muncul Selepas Cursor Menyentuh Blockquote

^^ Kalau nak Cute Icon ,   elly boleh bagi di bawah contoh yang comel - comel :)

  http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic001demoji_8517130decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic005demoji_18140524decoojp.gif

  http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic009demoji_19040781decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic014demoji_12056299decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic011demoji_671878decoojp.gif

ok ! korunk  

SELAMAT MENCUBA! ^_^

Maka dgn nie abis lah kesume nyer tutorial blockqoute kiter ECEH keh3

haha Tnx too Kak lyssa for beri kan tunjuk ajar :D