tutorial - image hover (ke kiri/kanan)



Before


After

Assalamualaikum. Act, ain bagi contoh je kat atas tu. Tutorial ni untuk blog okay, bukan untuk AP. So jangan salah faham. Nampak tak gambar tu ke kanan? Haa, kali ni tutorial ni nak ajar korang mcm mana nak buat macam tu dalam blog korang. So tengok yee:

1.Dashboard - Design - Edit html - Tick expand widget template

2.Find this: img {

3.Copy code ni and paste di BAWAH code img {.
img:hover {
padding-right: 35px;
-webkit-transition:0.8s;
}
 

contoh.

4. Preview dulu jadi ke tak. Tutorial ni just for sidebar. Post ain tak tahu lah. hehew. Just try it okay.

merah- can change left or right.
biru- kalau nak lambat tukar 1.0 atau nak cepat, 0.7. Up to you.

5. Save!

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥