Cara Membuat Gambar Zoom Otomatis di Postingan Blog-Mungkin sebagian blogger melihat gambar yang membesar ketika di postingan blog apabila disentuh dengan cursor. fitur seperti ini sering disebut dengan nama Image Zoom Effect. Fitur yang satu ini lumayan banyak digemari oleh kalangan blogger, karena membantu memperjelas gambar tanpa di klik terlebih dahulu. Selain itu Image Zoom Effect juga dapat mempercantik blog sobat.
Jika sobat ingin memasang gambar zoom otomatis, silahkan Anda ikuti tutorial di bawah ini.
Cara Membuat Gambar Zoom Otomatis di Postingan Blog:
1. Masuk ke akun blogger sobat.
2. Pilih Template > Edit HTML.
3. Cari kode ]]></b:skin>, gunakan fungsi find dengan menekan CTRL+F pada keyboard.
4. Kalau sudah ketemu, letakan kode dibawah ini tepat diatas ]]></b:skin>
.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); }
5. Terakhir pilih Simpan. Sekarang lihat hasilnya sobat.
Semoga Cara Membuat Gambar Zoom Otomatis di Postingan Blog bermanfaat...
2 komentar
baru saja saya terapkan ini sob,, hhhh,, tp sedikit simple saja punyake hehehe..
hehe,, ya sob. nih bgus untuk yg hobi mmpercntik blogx..
Tinggalkan komentar anda disini
EmoticonEmoticon