Rata - rata Blogger sering melihat gambar yang membesar bila di sentuh cursor. Ini disebut dengan HoverZpp Smooth Effects. Menurut saya Fitur seperti ini lumayan banyak di gemari para Blogger, Fitur ini memang sedikit mengganggu pengunjung Blog yang sedang membaca Artikel - artikel kita.
Silahkan Arahkan Kursor Ke Gambar Ini Untuk Melihat Efek
Ya,langsung aja simak Tutorialnya :D
- Login ke Blogger.com
- Pilih Template dan Edit Html
- Tekan CTRL + F pada keyboar dan masukan kode ]]></b:skin> ,lalu enter
- Jika sudah ketemu silahkan masukan 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); }
5. Terakhir
Simpan Template dan lihat hasilnya.
Sekian postingan saya kali ini dan semoga bermanfaat.
