Cara Membuat Gambar Artikel Otomatis Zoom Ketika Ada Kursor

Beberapa blog yang sering kamu kunjungi mungkin terlihat menarik dan akhirnya kamu sangat tertarik untuk ikut mencoba menerapkannya pada blog yang kamu miliki. Pada dasarnya pemasangan kode ini sangatlah simple apabila sesuai dengan langkah-langkah yang nanti akan saya bahas di bawah ini.

Dalam hal penerapan kode khususnya pada template / tema yang harus di pikirkan atau di uatamakan adalah memback up template tersebut apabila ada kesalahan yang terjadi dalam penerapannya. Atau bisa juga mempratinjau terlebih dahulu sebelum menyimpan kode yang kamu terapkan nantinya.

Baca juga :
#Cara Mudah Membuat label berbentuk kotak responsive
#Cara Menambahkan Widget Fanpage Pada Blog

Langkah-langkah untuk membuat gambar pada artikel zoom otomatis ketika kursor di arahkan :
1. Silahkan masuk ke blogger
2. Pilih Template / Tema
3. Pilih Edit HTML
4. Kemudian Cari kode ]]></b:skin> dengan cara tekan tombol CTRL + F biar lebih cepat
5. Kalau sudah ketemu kodenya, Silahkan copy kode dibawah ini
.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); }
6. Paste kode di atas tadi tepat sebelum atau diatas kode ]]></b:skin>
7. Simpan.
Silahkan refresh blog kamu yang tadi dipasang kode ini, dengan menerapkan kode ini maka memperkecil para pengunjung untuk mengklik gambarnya supaya tidak ribet.

Demikianlah artikel tentang Cara Membuat Gambar Artikel Zoom Otomatis Ketika Ada Kursor mendekati gambar tersebut, semoga artikel ini bermanfaat bagi teman-teman semua yang membutuhkannya. Jangan lupa untuk menanyakan jika memang mengalami kesulitan dalam panduannya.

Share this post