н ι α т υ ѕ —

Tutorial:Image Hover

Assalamualaikum and annyeonghaseyo.Image hover tu apa?ok cuba halakn cursor korg kt pic kt atas tu.

Nmpak tak gmbar tu berubah jadi lebih terang.Ha! tu la image hover.Tapi tuto ni bagi p'guna blogskin/template classic SAHAJA.

1.Dashboard > Template > Edit HTML

2.Tekan ctrl + f serentak

3.Cari code ni

</style>

4.copy code ni.

/*------ IMAGE ANIMATION------*/
img, a img { border: 0px; opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }
img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity 1s linear; -webkit-transition: opacity .8s linear; -moz-transition: opacity 1.5s linear; }

5.Paste code tadi dkt atas </style>
6.Preview & save.

16 comment [s]:

Syahidae said...: hai.thank u untk tuto ni ^^; November 26, 2011 at 11:47 PM [REPLY]
atiqahjaidin said...: @ ELFKissme Luv : Hai..most welcum ;); November 27, 2011 at 12:14 AM [REPLY]
iyka said...: thanks for this tuto...; January 26, 2012 at 2:05 AM [REPLY]
atiqahjaidin said...: @iyka : ur welcome :); January 26, 2012 at 8:12 AM [REPLY]
myra said...: tq sbb adekan tuto ni..hehee; March 2, 2012 at 11:54 PM [REPLY]
atiqahjaidin said...: @myra: welcome :); March 3, 2012 at 12:40 PM [REPLY]
※ Najia Idrina ※ said...: Ya Allah, terima kasih sis. Dah lama cari tuto ni. Sblum check tuto ni ad request kat sis. Tp da jumpa da so tak pe lah. Terima Kasih banyak2. Finally, Jadi jugakkk :*; May 31, 2012 at 11:01 AM [REPLY]
atiqahjaidin said...: @※ Najia Idrina ※ : Alhamdulillah. jumpa juga :))
sama-sama.. ^^; May 31, 2012 at 1:07 PM [REPLY]
Anonymous said...: time kasih kak!caaaayang akk...muahh!! xD; June 1, 2012 at 7:35 PM [REPLY]
atiqahjaidin said...: @Scha sooyoung: LOL..welcome :); June 2, 2012 at 4:40 AM [REPLY]
humairashekhahmad said...: thanks :); October 10, 2012 at 3:23 PM [REPLY]
Balqis Al-Hawariy said...: tq . sye gune tuto nih .; November 27, 2012 at 9:11 AM [REPLY]
{daniyoon} said...: thanks for the tutor .; May 4, 2013 at 8:47 PM [REPLY]
Anonymous said...: ada code lain tak selain style ? sebab saya try tak menjadi la; December 6, 2013 at 4:14 PM [REPLY]
Unknown said...: waalaikumsalam wr. akak, makasih ye ^^; November 14, 2014 at 2:01 PM [REPLY]
Fatin Nabila said...: tq, jdi dh; May 27, 2015 at 11:19 AM [REPLY]