Cara Menambahkan Efek Zoom Dan Berputar Pada Posting Gambar

Efek Zoom ini di perlukan untuk memperbesar gambar dan memperjelas gambar. Efek ini sangat diperlukan oleh pengunjung jikalau anda memasang gambar yang terlalu kecil. Efek zoom ini juga bisa untuk mempercantik gambar pada blog. Mengapa?, Efek zoom ini adalah efek yang tidak harus di klik, hanya saja kursor yang diarahkan ke gambar dan sendirinya akan berputar dan memperbesar gambar, dibandingkan tidak memasang efek zoom ini. Sebetulnya jika tidak anda pasang juga bisa, tetapi pengunjung harus mengklik gambar yang ada diposting anda. Efek Zoom ini sudah lama dibuat, tetapi saya akan menjelaskan cara untuk menambahkan efek zoom ini. Widget ini lebih mudah dari fersi sebelumnya yang perlu menambahkan beberapa Script pada posting yang ingin anda pasangkan. Jika Anda Berminat Anda perlu menambahkan beberapa script pada HTML anda. Untuk lebih jelaskan Ikuti cara berikut ini:

• Silahkan Masuk Ke Blogger Anda.
• Setelah itu, Klik Menu Template, --> Klik Tombol Edit HTML.
• Lalu, Cari Kode ]]></b:skin> dengan menekan CTRL+F atau dengan F3.
• Setelah Menemukan, Masukan kode berikut ini Diatas kode ]]></b:skin> :

.post img:hover {-moz-trnasform: scale(1.4);-webkit-transform: scale(1.4);-o-transform: scale(1.4);-ms-transform: scale(1.3);transform: scale(1.4); rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

• Setelah itu, Klik Tombol Pratinjau untuk meninjau kesalahan, Jika tidak ada kesalahan Klik Tombol Simpan Template.

Selamat Mencoba,

Salam Sukses.

Your-BelajarBLOG