Monday 3 June 2013

Gambar Membesar Pabila Cursor Menyentuh


Terdapat sesetengah gambar di blog tersangatlah kecil dan sukar nak nengoknya. So, ni caranya untuk pastikan gambar tue membesar bila cursor menyentuhnya… macam guna magnifier (lebih kurang lar..)

1.   Login ke Blogspot
2.   Design/Dashboard > Template > Edit HTML
3.   Tekan ctrl+f  serentak dan cari kod di bawah
</head>
4.   Copy kod di bawah, paste di ATAS kod </head>.

<style>
.post img:hover {
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5); }
</style>
5.      Save Template dan View Blog untuk hasilnya =)

No comments:

Post a Comment