CARA MEMBUAT EFEK ZOOM PADA GAMBAR BLOG

Cara Buat Efek Zoom Gambar Blog -

Add caption

Untuk Membuat Efek Zoom gambar pada blog sangatlah mudah dan simple .Efek zoom ini bertujuan untuk memperbesar gambar/foto kita di blog.Efek ini bekerja ketika gambar pada blog kita didekati oleh pointer mouse,dan secara otomatis gambar akan besar .Ini akan menimbulkan kesan gambar hidup dan untuk mempercantik blog juga tentunya.

Berikut cara untuk membuat efek zoom gambar blog ;

1.Login ke dashboard blogger sobat
2.Pilih template > edit HTML
3.Cari kode ]]>< /b:skin >  tekan ctrl+f  untuk mempercepat pencarian
4.Copy dan pastekan kode di bawah ini tepat 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); }

Atau sobat bisa kode yang satu lagi ,kodenya sebenernya sama tapi kadang gak berhasil pas diterapin ke blog .Aku mencoba kode diatas pada template blog ini tapi gak bisa,tapi pas di pakai template lain bisa.Terus saya memakai kode yang dibawah ini ;

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

- Untuk kode yang atas sobat bisa mengganti angka (1.3) dengan angka yang sobat inginkan untuk merubah ukuran besar gambar pada blog

- Untuk koda yang bawah ganti tulisan warna orange sesuai selera sobat,untuk ukuran (1.5) sudah besar            contohnya di blog ini memakai ukuran segitu gambarnya sudah kelihatan besar pas didekati pointer kursor.

Demikin share tutor singkat dari saya ,Semoga berhasil dan SALAM SUKSES SELALU.

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 20:25 and have 32 comments