Zoom Otomatis Gambar Blogger

Image: canva.com

Zoom Otomatis Gambar Blogger? Bisa, Begini Caranya!

Halo, pada kesempatan kali ini saya akan memberikan sebuah Cara Membuat Efek Zoom Otomatis Pada Semua Gambar di Blogger untuk mempercantik tampilan blog anda.

Saat ini, para blogger sedang berlomba-lomba untuk mengoptimasi dan memodifikasi blog mereka sebaik mungkin. Sekarang sudah banyak sekali fitur-fitur yang bisa anda gunakan untuk diaplikasikan ke dalam blog pribadi anda. Ya, salah satunya ini membuat efek zoom otomatis pada gambar blogger.

Efek ini akan mengubah gambar di postingan blog membesar apabila kursor anda diarahkan ke gambar postingan tanpa harus mengkliknya dan kembali mengecil jika kursor dijauhkan dari gambar.

Mungkin bagi anda yang memiliki blog isinya lebih dominan gambar atau foto, efek ini sangat direkomendasikan sekali. Selain untuk menghias blog agar lebih cantik dan canggih, pastinya para pengunjung akan lebih betah jika mengunjungi blog anda nantinya.

Baik, tanpa berlama-lama. Langsung saja ya simak tutorialnya di bawah ini.

1. Login

Login atau masuk terlebih dahulu pada blog anda. Setelah itu, masuk ke dashboard blogger.

2. Masuk ke Opsi “Edit HTML”

Caranya mudah, pada dashboard blogger silahkan pilih menu Template lalu klik Edit HTML.

3. Cari Kode “/Style

Silahkan cari kode ]]></b:skin> atau </style> (untuk mempermudah pencarian gunakan shortcut Ctrl+F).

4. Tempel Kode

Salin kode di bawah ini dan letakkan tepat diatas atau sebelum kode ]]></b:skin> atau </style> 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. Simpan

Setelah anda tempel kode tersebut, jangan lupa klik Simpan agar hasil terlihat nantinya.

Penutup

Bagaimana, mudah bukan? Pastilah ya. Anda hanya cukup menulis atau menempelkan kode diatas ke dalam editor HTML bloger anda. Lalu efek tersebut akan datang dan berhasil dengan sendirinya. Oya, saya ingatkan lagi bahwa ini kode ini hanya untuk anda yang menggunakan platform Blogger dan tidak akan bekerja pada platform WordPress.

Sekian artikel mengenai Cara Membuat Efek Zoom Otomatis Pada Semua Gambar di Blogger. Jangan lupa untuk share kepada teman-teman anda yang membutuhkan. Jika ada pertanyaan maupun saran dan kritikan silahkan tinggalkan komentar di bawah ini. Terima kasih, semoga bermanfaat.



Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *