Keuntungan membuat Efek Zoom Gambar Di Blog adalah agar pengunjung lebih jelas melihat gambar atau foto2 yang ada di blog sobat.
Berminat memasang Efek Zoom Gambar Di Blog, Seperti gambar2 di blog ini, ikuti langkah2 berikut
- Login ke akun blogger kamu
- Pergi ke Edit HTML/Centang expanced
- Cari kode ]]></b:skin>
- Copy dan pastekan kode di bawah ini di atas kode ]]></b:skin>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
5. Simpan Template Anda, Lihat hasilnya
Bila Sobat Hanya ingin membuat efek zoom pada salah satu gambar ikuti langkah berikut
- Buat postingan baru / Entri baru
- Klik HTML
- Caba sobat letak kode di bawah ini.
<style type="text/css"> border: none; vertical-align: top; </style> <script src="http://kodecode.googlecode.com/files/expandos.js" type="text/javascript"> </script><img border="0" class="expando" height="100" src="http://photoserver.ws/images/lftO4dcf6c36cccb0.jpg" width="100" />
- Kode warna merah ganti dengan url gambarmu
Selamat mencoba Cara Membuat Efek Zoom Gambar Di Blog, Semoga sukses
0 komentar:
Posting Komentar
Warning !!!!!! Dilarang Meninggalkan Link Aktif Di Isi Komentar, Dilarang Menggunakan Kata/Kalimat Atau Nama Berbau Porno & SARA