Blockquote Icon Hover Menurun

Korang tau kan blockquote ade icon kan? Macam ni, kite hover kt blockquote, pastu nanti dye kluar icon kecik.. mcm tu ler.. ari nie saye nak ajar korang pasal blockquote yg trbaru nie.. heheh XD


tapi, sye rse blockquote nie sesuai utk GOOGLE CHROME oke..


1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates


2. Cari .post blockquote {


3. Copy code bwh nie dan pastekan kt bwh .post blockquote { ea

background:url(); background: #CED8F6;
border-top: 2px dotted #58ACFA;
border-left: 4px solid #58ACFA;
border-right: 4px solid #58ACFA;
border-bottom: 2px dotted #58ACFA;
margin:1em 20px;
colour:}
blockquote:hover {
background-color: #CED8F6;
-webkit-transition-duration: 2.5s;
background-image:url
(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic000demoji_9266200decoojp.gif);
background-position:bottom right;
background-repeat:no-repeat;
border-top: 2px solid #58ACFA;
border-left: 4px dotted #58ACFA;
border-right: 4px dotted #58ACFA;
border-bottom: 2px solid #58ACFA;
margin:1em 20px;

hijau - url icon

biru - smue yg wrne hijau 2 wrne border

oren - background blockquote

4. Preview n save.

Credit : Nurhafizah