Selasa, 06 Agustus 2013

Cara Membuat Gambar Membesar Saat di Sentuh Kursor

PT - Cara Membuat Gambar Membesar Saat di Sentuh Kursor - Mungkin sobat semua sudah pada tahu dan pernah melihatnya, ketika kursornya kita arahkan ke gambar dalam suatu postingan, maka otomatis gambar tersebut membesar atau disebut efek Zoom. Dengan menerapkannya di blog, maka bisa membuat blog anda terlihat lebih menarik dan unik. Buat anda yang ingin menerapkannya di blog anda ,Caranya sangat mudah kok, silahkan ikuti beberapa langkah singkat dibawah ini.
Cara Membuat Gambar Membesar Saat disentuh Kursor Blog
Cara Membuat Gambar Membesar Saat di Sentuh Kursor
 
1.     Login ke akun blogger anda
2.     Klik Template > Edit HTML centang pada Expand Template Widget
3.     Cari kode ]]></b:skin> , setelah itu, letakkan kode dibawah ini tepat diatas kode ]]></b:skin> 

Copy Script di bawah ini:
 
.post img, table.tr-caption-container { border:none; max-width:800px; 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); }

1.     Setelah itu simpan template dan lihat hasilnya
2.     Selesai
Sekian tutorial sederhana tentang Cara Membuat Gambar Membesar Saat disentuh Kursor Blog, semoga bermanfaat..^_^..

0 komentar:

Poskan Komentar

◄ Posting Baru Posting Lama ►
 

Artikel Disarankan

Statistik

Google+ Followers

Copyright © 2012. Panduan Top - All Rights Reserved B-Seo Versi 3 by Bamz