Sunday, September 20, 2015

Cara Membuat Gambar Membesar/Zoom di Blog Saat Di Sentuh Kursor

Cara Membuat Gambar Membesar/Zoom di Blog Saat Di Sentuh Kursor - Turitorial yang akan saya share kali ini adalah Ketika sahabat Indoking mengarahkan kursor pada gambar di blog, maka gambar tersebut akan membesar/zoom. Baiklah bagi sahabat Indoking yang ingin menerapkan efek zoom pada gambar di blog saat di sentuh kursor dapat mengikuti langkah-langkahnya di bawah ini:

1. Masuk ke Dashboard Blogger
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode CSS dibawah ini, lalu Paste 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. Klik Simpan Template

Maka sekarang sahabat Indoking akan melihat gambar di blog menjadi membesar saat disentuh kursor. Demikianlah yang bisa saya share mengenai Cara Membuat Gambar Membesar/Zoom di Blog Saat Di Sentuh Kursor. Selamat mencoba !
  

 

G+

Komentar Anda

 
Indoking (Kumpulan Berbagai Macam Informasi) © Copyright 2015 - Designed by Muhammad Iqbal
Back to top
Selamat Datang di www.indoking.blogspot.co.id (Download Mp3, Software, Games, Film, ebook, Chord Gitar, Tips and Trick, Operator Sekolah, Android, dll). Terima Kasih Atas Kunjungannya, Jangan lupa Komentarnya, Dan Berkunjunglah Kembali Untuk Mendapatkan Informasi Terbaru 2016.