Harry Potter - Golden Snitch

Tutorial : Gambar membesar (Zoom in) bila disentuh

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.

Tutorial : Gambar membesar (Zoom in) bila disentuh cursor
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

5 comments:

  1. saya dah buat! jadi2. tengs yer! huhuhuhu jadi besaqqqq ooooooOoOO

    ReplyDelete
  2. saya sudah coba di blog saya hasilnya sangat bagus,.,.
    thanks atas infonya.,,.
    kunjungi juga blog saya di www.arisantika.com

    ReplyDelete
  3. sya dh try kt blog sya...menjadi...hehe...thanks...

    ReplyDelete
  4. ailaikkk...terima kasih daun keladi,sila singgah kalau sudi...

    http://juliajuwita.blogspot.com/

    ReplyDelete

Don't forget to drop your comment.. Thanks ya!

Tutorial Blog Tutorial Blog Tutorial Blog
Creative Commons License
Khaiangel (Dot) Com is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
.
©KhaiAngel.Blogspot.Com All Rights Reserved