Cara Memberikan Efek Zoom Otomatis Pada Gambar di Blog

Kali ini saya akan memberikan ilmu Blog yang sangat bermanfaat bagi sobat semua, yaitu Cara Memberikan Efek Zoom Otomatis Pada Gambar di Blog. Setiap blog pasti memiliki gambar di dalamnya bahkan setiap artikel di wajibkan menggunakan ilustrasi Gambar oleh Google untuk membuat Pengunjung lebih tertarik dan mengerti apa yang sobat terangkan dalam artikel tersebut dna itu juga adalah salah satu trik dan Tip SEO on Page yaitu memberikan gambar pada Setiap Artikel. Namun, sering sekali setiap blog memiliki kekurangan pada gambar yang di pasang, contohnya seperti terlalu kecilnya gambar dan jika di besarkan (Large) di khawatirkan akan memberatkan dan membuat gambar menjadi pecah. Contoh yang lainnya adalah sering pengunjung blog tidak puas dengan beberapa blog yang memberikan pengajaran tutorial yang memberikan gambar yang kurang besar tidak jelas, sehingga membuat pengunjung meng klik gambar untuk di besarkan dulu lalu kembali lagi ke blog awal. Hal itu terbukti membuat pengunjung kerepotan dan malas mengunjungi blog sobat kembali.

Maka dari itu kali ini Admin memiliki solusi dari segala masalah tersebut yaitu Cara Memberikan Efek Zoom Otomatis Pada Gambar di Blog, sehingga pengunjung tidak susah payah meng klik gambar di artikel sobat. jika sobat menggunakan cara ini gambar akan otomatis membesar ketika Kursor di arahkan pada gambar jadi tidak perlu meng klik gambar lagi pada akhirnya membuat pengunjung senang dan tertarik pada Blog sobat. sobat harus mencobanya dan buktikan perbedaannya, pasti akan lebih menarik dan bagus. Lalu, bagaimana Cara membuatnya?. Silahkan di simak informasi di bawah ini yang akan saya jelaskan secara Jelas dan Lengkap.

Cara Memberikan Efek Zoom Otomatis Pada Gambar di Blog

1. pertama sobat login terlebih dahulu kehalaman blog sobat.
2. masuk pada menu template dan pilih Edit HTML.

3. selanjutnya tekan CTRL+F untuk mempermudah pencarian dan cari atau kode ]]></b:skin>

4. Letakan (Copy-Paste) kode di bawah ini tepat diatas kode ]]></b:skin> tadi.
.post img:hover {

-o-transition: all 0.9s;
-moz-transition: all 0.9s;
-webkit-transition: all 0.9s;
-moz-transform: scale(1.7);
-o-transform: scale(1.7);
-webkit-transform: scale(1.7);
}

5. Terakhir pilih tulisan "Simpan" dan lihat hasilnya.

selamat blog Sobat sudah mempunyai fitur memperbesar gambar otomatis pada blog, sehingga memudahkan pengunjung untuk melihat gambar lebih jelas dan tidak perlu meng klik gabar untuk melihat lebih jelas.

Demikianlah informasi mengenai Cara Memberikan Efek Zoom Otomatis Pada Gambar di Blog, semoga memberikan ilmu yang bermanfaat dan memberikan sholusi dari permasalahan-permasalahan pada gamabr di blog Sobat.