Cara Membuat Efek Zoom Image Saat Disentuh Mouse

Ass... Wr.Wb...

dan salam sejahtera buat semua sobat blogger dimanapun anda berada, semoga selalu sehat dan bahagia selalu, serta tak kurang suatu apapun tentunya.  amin...

Zoom efek

Oya, kali ini saya pengen berbagi info dikit ni tentang "Cara Buat Efek Image Zoom Saat Disentuh Mouse". disamping efek zoom bisa mempercantik tampilan blog, efek zoom pun bisa membantu pengunjung dalam melihat dengan jelas gambar yang ditampilkan pemilik blog "contoh, kalo gambarnya kecil-kecilkan repot" tanpa dia harus menyimpan gambar dulu, baru dizoom.

Okay deh tanpa banyak cuap-cuap kita langsung aja yuk ikutin tutornya:

1. Silahkan sobat login keblog sendiri "jangan blog tetangga ya".
2. Lalu meluncur menuju Dasbor, Pilih Template lalu pilih Edit HTML. seperti gambar dibawah.
   

   

   Dasbor

3. Kemudian sobat cari kode ]]></b:skin> "Gunakan ControlF" untuk mempermudah pencarian
4. Lalu masukan kode yang ada ditabel/yang dibawah ini, kemudian copas tepat diatas kode      ]]></b:skin> tadi, silahkan pratinjau sebelum disimpan.

.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); } -seemore=http://atang68.blogspot.com/2014/10/cara-membuat-efek-zoom-image-saat.html

Letakkan diatas kode ]]></b:skin>

"Semoga bermanfaat dan terima kasih"