myblog

Sulitkah Membuat Efek Zoom pada Gambar di blog? Tidak. Justru sangat mudah. Semudah memasang kancing baju loh.
untuk demo, silahkan letakkan kursor sobat pada gambar yang berada di postingan saya..

Penting : Untuk berjaga-jaga blog anda akan kacau ketika menerapkan tips Membuat Efek Zoom pada Gambar di blog ini maka saya mewajibkan anda untuk memback up data template anda terlebih dahulu.

Baiklah berikut tipsnya :

1. Login ke blogger.com

2. Lalu klik Tata Letak/Rancangan/Design ( tergantung setting bahasa blogspot anda

3. Klik Edit HTML, jangan lupa centang pada bagian Expand Template Widget.

4. Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F untuk lebih mudah mencarinya.

5. Jika anda sudah menemukannya, masukkan kode CSS berikut ini tepat di atas kode tadi

.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); }

6. Simpan Template anda. Sekarang coba lihat perubahannya.

Good Luck...