Cara Buat Gambar Membesar Saat disorot Kursor

    Hai sobat! di bulan puasa ini kami akan membagikan trik blogger yang mungkin sering digunakan para blogger yaitu cara membuat gambar membesar saat disorot kursor. Menurut kami tampilan ini cukup keren dan cocok untuk para blogger pemula,tetapi kadang tampilan ini juga memperburuk tampilan blog anda karena banyaknya widget blog yang ada pasang di blog,jadi atur dulu tata letak dan widget blog anda, baru pasang cara memperbesar gambar ini ^_^. semoga sukses.

Berikut caranya :

1. Login ke akun blogger anda
2. Template > edit HTML
3. Letakkan kode dibawah ini tepat di atas kode ]]></b:skin> (gunakan Ctrl+F)

.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); }

4. Save Template dan lihat hasilnya.

oh iya sob, kunjungi toko online kami disini

Share :

Tweet

✚

Related Post