Cara membuat Gambar Thumbail Zoom (Membesar)

Trik yang satu ini pasti anda tidak akan lewatkan karena kali ini kita akan membuat efek zoom pada gambar blog anda. Gambar akan diperbesar apabila cursor anda berada diatasnya. Trik ini mungkin jarang digunakan, namun jika blog anda memiliki beragam animasi dan gambar tentunya trik ini perlu dicoba. Kali ini saya akan memberikan tutorial cara membuat efek zoom gambar pada postingan. Jika sobat mau tau gimana cara membuatnya ikuti langkahnya dibawah ini:




 1. Login ke blogger

2. Masuk ke Rancangan -- Edit HTML

3. Cari kode ini ]]></b:skin>

4. Paste kode dibawah ini diatas kode ]]></b:skin>

    .post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3); }


5. Simpanlah template sobat.

Tiap kali anda mengarahkan cursor mouse pada gambar di dalam posting blog maka animasi zoom akan muncul. Selamat mencoba
Share this article :
 

+ komentar + 2 komentar

Kamis, 11 April 2013 10.26.00 WIB

absen pagi mas broo..
artikelnya sangat bermanfaat..

Rabu, 24 April 2013 11.36.00 WIB

makasih udah mampir di blog yang sepi ini.... salam sukses selalu

Posting Komentar

Tolong komentarnya yang berhubungan dengan artikel yang ada...
Komentar yang mengarah ke tindakan SPAM akan di hapus atau terjaring secara otomatis oleh spam filter

www.ebitz-id.blogspot.com

 
Copyright © 2012-2013. GO-LINK│*Cafe Information™ - All Rights Reserved