Tuesday, 17 April 2012

tutorial blog #6 : gambar membesar bila cursor menyentuh :)

assalamualaikum dan salam sejahtera . kali ni saya nak kongsikan dengan anda semua satu lagi tutorial blogger dari fizz graphic :) * sumber inspirasi tuu . hahhaha . tutorial untuk setting gambar menjadi besar bila cursor menyentuh . nak cuba ? mari kita ikut cara-caranya :)

1. log in > dashboard > template > edit HTML
2. tekan CTRL + F serentak dan cari code ini :
<head>
3. dah jumpa ? then copy code kat bawah ni :
<style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2); }
</style> 
4. paste code tadi kat bawah code yang dicari tadi .
5 . then click preview . puas hati ? terus save :)

selamat mencuba .
sincerely from nadya :)
Posted by at 13:19
Labels:

2 comments:

  1. nuramalinaraza18 April 2012 at 04:29

    as salam..sye ingin buat..tapi sampai sekarang tak dapat wat..hehe...

    ReplyDelete
  2. Unknown18 April 2012 at 13:06

    maybe code ni tak sesuai dgn blog anda rasanya . cuba cari code lain :)

    ReplyDelete

Subscribe to: Post Comments (Atom)