Tutorial Hover post title

Assalammualaikum, alhamdulillah, lusa puasa n mak fiqah masakan nuget ntuk sahur nanti :D
#makanan jgk yg dia ni fikirkan


Post title pun ade hover jgk ek? hehe, tau x hover tu ape? mcm ni, korng gerakkan tetikus korng pade post title blog sape-sape, contohnya post-title dia warna pink, bila korng gerakkan mouse laptop korng ke post title blog dia, dia jadi warna purple, cam tu la namanya hover :D 


Ok, klau sape2 yg nk pasang hover kat podt title kat blog dia meh ikut tuto ni ye :) 
Klau fiqah, fiqah malas nak pasang. hehe, nanti bebila fiqah pasang la ek Y___Y


1) Dashboard > Design > Edit HTML
2) dengan menekan butang CTRL+F ataupun F3 cari kod ni

 .post-title {

Bila dh jumpa, CTRL+C copy code bwh ni n then pastekan code ni kat bawah smua anak-anak code .post-title {

.post-title:hover {margin: 0px;padding: 6px;font-size: 115%;font-weight: Normal;font-color: #000000;line-height: 1.1em;text-align:center;background-position:center;background-repeat:repeat;border:4px solid #FFFFFF;text-shadow: 3px 1px 2px #FFFFFF;-webkit-transition: 1s;background: url(URL ICON/BACKGROUND);}

URL ICON/BACKGROUND tu cari la kat sini
Yg #FFFFFF tu warna border la, nak warna pape pun boleh cari kat sini ^____^
Yg  #FFFFFF tu pulak warna shadow pade post title bila hover la,...
Yg #000000 pulak warna post title bila hover jgk la...


Kan ade sesetengah org buat hover post title ikon bergerak ke kanan kan?
Kalau nak mcm tu, yg code background-repeat:repeat; tu korng tukarkan kepada background-repeat:no-repeat n then yg URL ICON/BACKGROUND korng cari je la kod url ikon je la ek :) 


Erm, k la babai :)