Buat (EFEK ZOOM) Cara Membesarkan Gambar Postingan Blog

Membuat (EFEK ZOOM) untuk membesarkan gambar postingan Blog. Hai sobat Ciri seo blog yang lagi mencari artikel ini tentang membesarkan / zoom gambar di blog sepertinya ada di sini, sebelum kita ke tutorialnya, sobat harus tahu kenapa dan untuk apa kita membuat tampilan website blog khususnya gambar/image di perbesar, menurut pendapat dari kami agar tampilan blog khususnya ukuran gambar kadang kecil di artikel itu tapi dengan javacript yang di tananam di template bisa membuat gambar itu di perbesar dengan cara menyorot atau saat di sentuh cusor ini akan membuat tampilan blog sobat lebih keren.

Dengan efek zoom ini pengunjung bila ingin melihat jelas gambar tak perlu klik beberapa kali, cukup dengan menyorotkan cusor, otomatis gambar bisa lebih besar dari gambar asal, alasannya admin blog mengutamakan kecepatan halaman bila di buka user pengunjung jadi bila gambar ukurannya size besar  maka akan melambatkan halamAn blog itu.

Efek zoom ini sering kita lihat pada website yang memiliki gambar lebih dari satu biasanya, ya alasanya seperti pada paragraf kedua untuk mempercepat loading blog dan ruang gambar tidak sesak pada halaman postingan artikel.

Nah untuk lebih jelasnya cara membuat membesarkan gambar postingan dengan efek kaca pembesar sebagai berikut :

Cara Membesarkan Gambar Postingan Blog

Cara Buat Efek Zoom Ada Blog


Untuk membuktikannya dari javascript ini kita lanjut saja ke tahap penempatannya, seperti steps di bawah :

A). Silahkan sobat login dulu di blogger.com
B). Setelah terbuka menu dasbor selanjutynya pilih sub-menu Template
C). Selanjutnya klik ==>  Edit HTML
D). Silahkan cari kode :

]]></b:skin>

E). Setelah itu Copy kode CSS seperti di bawah kemudian sobat paste di atas 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;
}

F). Kemudian simpan, bila sobat cek di postingan bergambar sudah berfungsi cirinya sobat sudah berhasil menempatkan kode javascript di atas.

Baca juga artikel keren lainnya ya
- Membuat 5 kata kunci dalam artikel
- Situs dopollow pagerank tinggi
- Kenapa google adsense di banned ?

Itulah tips tentang (EFEK ZOOM) cara memperbesar images gambar dalam blog untuk blog semoga bisa bermanfaat.
Nb: Bila sobat suka dengan artikel di atas mohon share ke media yang sudah di sediakan di bawah ya.

Subscribe to receive free email updates: