Tutorial : Gambar membesar (Zoom in) bila disentuh

Tweet

Bagaimanakah cara untuk membuat gambar dalam blog membesar apabila disentuh cursor? Korang nak buatkan gambar dalam blog korang pandai membesar apabila disentuh dengan cursor? Caranya memang simple. Korang hanya perlu menambah sedikit kod pada template korang.

Priview : Gambar Membesar

Tutorial blog - Cara untuk membuat Gambar Membesar bila disentuh Cursor.

Sila ikuti langkah ini
1. Login ke Blogger Dashboard > Template > Edit Html > Hit Expand Widget Templates

2. Kemudian Cari code di bawah, Tekan Ctrl+F pada keyboard untuk memudahkan korang mencari.

</head>

3. Lepas tu, Copy code di bawah dan paste di Atas code yang korang cari tadi.

<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>

4. Save Template korang. Siap!

5. View blog dan cuba sentuh gambar dalam entry blog korang.

Selamat mencuba ^^

Nota : Cara ini membuatkan semua gambar dalam post blog membesar. Untuk mengetahui cara untuk membuat gambar membesar untuk single post Klik Sini.

Smile :D


Google Tags: Tutorial Blog, Tutorial Blog Gambar Membesar Bila Disentuh, Tutorial Blog Melayu, Cara Buat Blog, Cara Bina Blog, Tutorial Blogspot, Tutorial Blogger