TUTORIAL: POST TITLE HOVER

Goooodddd mooorrrrnniiinnnggggg!! Pagi pagi ni mood dah dpt 5stars! Ehe, semangat semangat!! Td baca kat Shoutbox, Lee huan asked melast night, how I did my post title like that?, aww terharu ada org tanya,!!+ngada jap ek?+ K la, tutorial ni manusia panggil POST TITLE HOVER. So,sapa yg mcm agak agak berminat tuh, jum tgk tutorial ni~

• Template > Edit Html
• Search h3.post-title, .comments h4 {
• Copy dan paste bawah kod tadi

.post-title{

text-align:center;

background: url(http://sl.glitter-graphics.net/pub/1043/1043585ir2mebcqub.gif);

-webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

border-bottom:

-webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

border-bottom: 4px double #FEC8C8;

margin:0.5em;

padding:3px;

}

.post-title:hover {

background: url(http://sl.glitter-graphics.net/pub/1506/1506425vd6hwy9bwk.gif);

background-position:bottom right;
background-repeat: repeat;
-webkit-transition-duration: 2.4s;
}

Nota kecik besar kecik besar:

Biru : urlbackground yg korang sukaaaa sgt sgt tu

Yellow : colourborder bawah post title korang tueee~

Red :ketebalan border korang tuh~

Oren : bolehtukar ke -> solid, dashed, dotted, double