Judul : Cara Membuat Gambar Membesar saat disentuh Kursor di Blog
link : Cara Membuat Gambar Membesar saat disentuh Kursor di Blog
Cara Membuat Gambar Membesar saat disentuh Kursor di Blog
Pada kali ini saya akan jelaskan kepada kalian tentang Bagaimana cara agar Gambar yang ada di Blog kita apabila disentuh oleh kursor maka gambar tersebut akan membesar. Kalian ingin membuatnya? Jika Sahabat ingin memasangnya silahkan disimak langkah-langkah berikut ini :
Semoga Artikel tentang Cara Membuat Gambar Membesar saat disentuh Kursor di Blog diatas bermanfaat buat kalian!
- Masuk ke akun blogger kalian.
- Pilih Template > Edit HTML.
- Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard
- Jika sudah ketemu, letakkan kode berikut tepat di atas 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); }
.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); }
- Simpan, dan Lihat hasilnya!
Semoga Artikel tentang Cara Membuat Gambar Membesar saat disentuh Kursor di Blog diatas bermanfaat buat kalian!
14 Responses to "Cara Membuat Gambar Membesar saat disentuh Kursor di Blog"
mkasih gan infonya,,, sangat bermanfaat,,,,,,,,,
cobak dulu ya gan,,, kunjung balik di blog saya,,
kalau pasang di blog seperti sob sungguh keren, tapi apakah tidak memberatkan loading blog...??? terima kasih...
mantap gan :D
udah ane coba work :D
Bagus banget nie infonya.
Sangat bermanfaat buat ane yang masih baru di dunia blog
Artikelnya sangat bermanfaat gan ,,,, makasih yah,,,
Ow...
Kuncinya di "scale" ya ? :)
Efek zoom ya?? Cara mengatur ukuran gambar-nya gimn?? saat di sorot bagaimana?
kenapa saya ctrl + f kode "]]>" tidak ada kalau yang ada ??
tapi berhasil!
haha,, yah semoga bermanfaat aja buat maz Haswan ya?? Sukses!!
Amiin~
kode ]]> tidakada bos. gmna nih
wah bagus ni diterapkan di blog saya, soalnya banyak tampilan gamabr pada artikel saya , terima kasi sudah mau berbagi ya sob :D
terimakasih mas, saya akan coba terapkan di blog saya http://jualkayujatiperhutani.blogspot.com
Post a Comment