Mungkin bagi para Blogger sering melihat gambar yang menjadi besar ketika tersentuh cursor. Dan mungkin anda sudah mengetahui caranya, tetapi bagi anda yang belum mengetahuinya saya share khusus buat kamu artikel ini. Sebenarnya fitur ini sering disebut dengan Image Zoom Effects. Dan fitur ini juga lumayan banyak dipakai oleh para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini dapat menggangu pengunjung yang sedang membaca postingan kita. Jadi bagi kamu yang tertarik dengan tutorial ini, silakan ikuti langkah-langkah dibawah ini.
1. Login ke akun Blogger kalian.
2. Pilih Tab menu Template.
3. Klik menu Edit HTML.
4. Cari Kode
]]></b:skin> tetapi saya sarankan anda menggunakan Ctrl+F (Supaya mempercepat pencarian kode) , Setelah itu Masukan kode
]]></b:skin> tersebut kedalam kotak pencarian, kemudian enter untuk mencari.
5. Lalu copy pastekan kode dibawah ini tepat diatas kode
]]></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. Simpan Template dan lihat hasilnya pada blog anda.
0 Response to "Cara Membuat Gambar membesar saat Disentuh Kursor"