Cara Membuat Efek Memperbesar Gambar di Blogger

Tutorial Blogger

Gambar untuk blogger adalah sangat penting untuk blog anda, apabila di postingan anda tidak terdapat gambar postingan blog anda terasa sepi gambar ini juga sebagai sarana pendukung blog anda menjadi lebih SEO lagi.

Dengan menggunakan efek memperbesar gambar blog anda akan otomatis memperbesar sangat cocok bagi anda yang mempunyai niche Tutorial, baik tutorial pc maupun tutorial photosohp.

Cara Memasang efek memperbesar gambar :

1. Pergi ke Dashboard Blogger -> Template

2. Klik Edit HTML

4. Cari kode ]]></b:skin> , gunakan CTRL+F untuk memperbudah pencarian.

5. Copy code berikut diatas kode ]]></b:skin tadi.

.efekgambar 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 10px 5px 0;
}

.efekgambar img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

6. Klik Save.

Mengaktifkan Script diatas :

Untuk mengaktifkan efek memperbesar efekgambar silahkan lihat cara dibawah ini :

Contoh: Pada saat anda mengupload gambar di blogspot kode di HTML itu seperti <div class="separator" ganti kode itu ke <div class="efekgambar".

Anda juga bisa menggunakan kode dibawah untuk langsung diterapkan ke postingan blog anda.

<a class="zoomeffect" href="LINK GAMBAR" target="_blank"> <img src="LINK GAMBAR" /></a>

Note : Gantu LINK GAMBAR dengan url link gambar kalian.