Cara Membuat Efek Image Zoom diblog

Coretan Bang Dadan on

Saturday, December 22, 2012

Assalamu'alaikuw Wr. Wb

Cara Membuat Efek Image Zoom diblog - Pada kesempatan kali ini bertepatan dengan Hari Ibu, bang dadan akan membuat postingan tentang Cara Membuat Efek Image Zoom di Blog. Sebelumnya bang dadan mengucapkan Selamat Hari Ibu, pada seluruh kaum hawa yang ada di nusantara.

Efek image zoom ini merupakan efek ketika bila kita mengarahkan kursor pada gambar yang ada di dalam postingan, secara otomatis gambar tersebut akan membesar ketika di tunjuk kursor.

Nah bagi sobat yang ingin menerapkan tutorial ini pada blognya sialhkan ikuti langkah - langkah dibawah ini:

✥ Cara Membuat Efek Image Zoom diblog

Pertama silahkan sobat login pada akun blog
Selanjutnya masuk pada Rancangan ➞ Template ➞ Edit HTML *jangan lupa centang expand template widgate
selanjutnya cari kode ]]</b;skin>
Setelah ketemu silahkan Copy kode dibawah ini dan tempatkan di atas ]]</b;skin>

✥ Berikut kodenya:

.post img:hover {
-moz-trnasform: scale(1.3) ;
-webkit-transform: scale(1.3);
-o-transform: scale(1.3) ;
-ms-transform: scale(1.2) ;
transform: scale(1.3) ;}

Selanjutnya silahkan sobat simpan Template

Selesai, sekarang coba sobat menuju postingan yang ada gambarnya, dan arahkan kursor pada gambar dalam postingan soba, pasti gambar tersebut akan menjadi besar secara otomatis.

Sekian dulu postingan kali ini tentang Cara Membuat Efek Image Zoom diblog. Semoga artikel ini bermanfaat bagi sahabat semua. Terimakasih

Billahitaufiq Walhidayah
Wassalamu'alaikum Wr. Wb