tutorial - post title hover

Hari ni ain nak ajar korang macam mana nak buat hover untuk post title . Kalau rasa nak tahu macam mana tuto ni , buat dulu then you will know :)

1.dashboard - design - edit html- tick expand widget

2.cari code neyy : .post-title {

3.copy code neyy :

text-align:center;background: url(URL BACKGROUND SEBELUM DI HOVER);margin:0.5em;padding:3px;font: normal 12px century gothic;color: #A49696;}.post-title:hover {background-image:url(URL ICON);background-color: #FFECEC;background-position:bottom right;background-repeat:no-repeat;-webkit-transition-duration: 2.4s;}

4.paste di bawah code .post-title {

5.Pink korg ubah2 lah sendiri .

6.preview - then save !

Freebies url icon cute

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic001demoji_13829990decoojp.gif

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

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic012demoji_15496649decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic018demoji_16709583decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic006demoji_353363decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic007demoji_10112432decoojp.gif

---

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

---