Friday, August 16, 2013

Cara Membuat Efek Zoom Gambar Di posting ( Perbesar Gambar )

Pada kesempatan kali ini saya akan sedikit membahas tentang efek gambar pada posting, yaitu dimana saat cursor di arahkan pada gambar yang ada pada posting maka gambar akan otomatis zoom tanpa harus di klik

Membuat Efek Zoom Gambar Di posting ( Perbesar Gambar )

Trik ini sangat efektif, sehingga pengunjng tidak lagi harus mengklik gambar untuk men-zoom gambar posting yang ingin mereka lihat

Cara Membuat Efek Zoom Gambar Di posting ( Perbesar Gambar )

1.Lakukan sign in pada akun blogger kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih Template lalu Edit HTML kawan

4. Cari kode ]]></b:skin>   , lebih mudah tekan F3 lalu copas aja deh kode nya biar gampang cari kode nya

5. Letak kan kode di bawah ini tepat di atas ]]></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); }

6. Lakukan Pratinjau, jika sudah berhasil barulah Simpan Template

Sangat mudah kan  ?

Artikel Terkait

Cara Membuat Efek Zoom Gambar Di posting ( Perbesar Gambar )
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email