Gambar Membesar Diarahkan Cursor

Bagi sobat blogger yang sering bekunjung ke blog saya ini, pasti sudah tau bagaimana

efek dari setiap gambar di setiap postingan saya jika diarahkan cursor.

Gambar tersebut pasti membesar, Dalam dunia blogging, Fitur seperti ini

sering disebut dengan nama image Zoom Effect atau Hover Zoom smooth Effect.

memasang image Zoom Effect di blog, sebenarnya sangat mengganggu pengunjung

yang sedang membaca postingan kita, tetapi tidak tau entah kenapa saya pribadi dan banyak

rekan blogger lainnya yang senang dengan ditur ini. Bagaimana dengan sobat ?

apakah senang dengan fitur Image Zoom Effect? kalau sobat blogger senang dan ingin 

memasang fitur ini, ikuti langkah berikut:

Cara membuat Gambar Membesar Dibayangi Cursor.

  - masuk ke akun blogger sobat.

  - pada menu dorpdown, klik template.

  - backup terlebih dahulu template sobat.

  - klik Edit HTML dan klik procced.

  - gunakan Cntrl + F untuk mencari kode  ]]></b:skin>

   - kalau sudah ketemu, copy paste kode berikut tepat diatas kode ]]></b:skin>

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .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); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }   - Simpan template sobat. coba buka salah satu postingan sobat yang ada gambarnya, Untuk melihat hasil dari fitur Image Zoom Effect.