TUTORIAL : HOVER GAMBAR MELENGKUNG BILA CURSOR MENYENTUH
Assalamualaikum . . arten ni bukan laaa org yang hebat pun nak share lebih2 kan ? sekadar yang mampu dan sekadar yang arten tahu . . and the last sekadar yang arten pernah buat dan guanakan ! tahu . . back to topic , so ? malam ni arten nak share macam mana nak buat pic yang bila cursor menyentuh gambar jadik melengkung , tak kesah dekat mana2 , janji dalam blog kamu . . hehe . . macam kat bawah ni , act dulu arten pernah guna . but now dah tak lagi . . sebab nya daa tukar selera . . hehe , okay jum . . jangan tunggu lama2 dan jangan buang masa okayss . .
1. Dashboard -> Design -> Edit HTML -> Tick Expand widget templas
2. Untuk pencarian kod yang mudah sila tekan CTRL + F serentak -> cari kod ni
/* Header
3. Seterusnya copy kod bawah ni , dan paste kan atas kod yang korang cari tadi
/*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FF3366; -moz-box-shadow: 0px 0px 20px #FF3366;
-webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30;
-webkit-border-bottom-right-radius:30;
-webkit-border-bottom-left-radius:30;}img:hover {filter:
alpha(opacity=60); opacity: .60; border: 1px solid#FF3366; border-radius: 50px; -moz-border-radius: 50px;}
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
u {
text-decoration:underline;
border-bottom: 2px dotted #ff0080;
padding: 0px;
}
4. Yang kod warna
pink tu , korang boleh jee tukar dengan kod warna kesukaan korang yee . .
5. Preview dulu , dan tengok hasil dia okay tak . . kalu menjadi boleh teros save yaa . . kalau tak jadik pon boley jaa direct tanya arten okay . . inshaAllah membantu . . tq
: 
:
:
Name:Farten