cara agar gambar membesar jika terkena kursor di blogger

Memasang Image Zoom Effects di blog, sebenarnya sangat menggangu pengunjung yang sedang membaca postingan kita. bagi sahabat yang tidak suka Tetapi tidak tau kenapa, senang dengan fitur ini

berikut langkah-langkah nya:

• 1.       Masuk ke akun blogger sobat.
• 2.       Pada menu Drop Down, klik template.
• 3.       Backup terlebih dahulu template sobat.
• 4.       Klik Edit HTML dan klik Proceed.
• 5.       Gunakan CNTRL + F untuk mencari kode ]]></b:skin>
• 6.       Kalau sudah ketemu, Copy Paste 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); }

Simpan template sobat dan siap digunakan

Posted by Unknown

Tweet