Cara Membuat Efek Zoom (Memperbesar) Gambar di Blog

Masirawan.Com - Memiliki blog yang menarik bisa membuat pengunjung betah berlama-lama untuk membaca artikel milik Anda, salah satunya dengan membuat efek perbesar gambar di blog, biasanya konten tutorial yang paling banyak disertai dengan gambar, biasanya blogger tutorial yang artikelnya disertai gambar dengan ukuran yang kecil, apalagi gambar tersebut ketika di klik tidak bisa menjadi besar, pastinya pembaca di blog Anda akan merasa sedikit kesulitan.

Cara Membuat Efek Zoom (Memperbesar) Gambar di Blog


Jangan khawatir saya punya cara jitu membuat efek zoom gambar di artikel blog hanya dengan menambahkan kode javascript pada template blog, lebih kerennya lagi dengan menggunakan kode tersebut, jika cursor diarahkan ke gambar maka secara otomatis gambar akan memperbesar dengan sendirinya.

Untuk Anda yang mementingkan kecepatan loading blog pastinya harus menggunakan gambar ukuran kecil pada artikel blog, intinya dengan efek memperbesar gambar bisa memudahkan pengunjung blog Anda. Efek tersebut sudah banyak digunakan oleh blogger professional karena bisa bantu mempercepat loading blog dan memberi ruang gambar yang tidak sempit pada halaman artikel blog. Lalu bagaimana cara buat efek perbesar gambar di blog? Nah, ikuti langkah-langkah dibawah ini.

Cara Membuat Efek Memperbesar Gambar di Blog

1. Masuk ke Blogger.com, lalu login menggunakan akun Anda.
2. Pilih Tema, lalu klik Edit HTML

3. Cari kode ]]></b:skin> , untuk mempermudah pencarian, silahkan klik Ctrl + F pada keyboard.

4. Salin kode dibawah gambar ini, lalu letakkan tepat diatas kode ]]></b:skin>

 .post img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 2px 2px 0;
}
.post img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
5. Jika sudah, silahkan klik tombol Simpan Tema

Silahkan di cek pada salah satu artikel Anda apakah efeknya sudah berfungsi, jika sudah mungkin itulah langkah-langkah membuat efek memperbesar gambar di blog pada tutorial kali ini, semoga bisa bermanfaat, apabila ada yang perlu ditanyakan boleh berkomentar dibawah.

4 Komentar untuk "Cara Membuat Efek Zoom (Memperbesar) Gambar di Blog"

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini.

1. Berikan centang pada kotak Notify me/Beri tahu saya untuk mendapatkan notifikasi komentar.
2. Komentar lah dengan bahasa yang sopan/tidak mengandung kata buruk.
3. Jika Anda sengaja menambahkan link saat komentar akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel