Yoeng blogs

CARA MUDAH MEMBUAT EFECT ZOOMING PADA BLAOG

Jika anda mencari tentang bagaimana membuat effect Zooming Image pada Blog... tentu anda akan mendapatkan berbagai cara yang dapat anda gunakan...

Nah cara ini adalah yang simple menurut saya dan gak perlu susah-susah untuk menerapkan pada tiap psotingan. Cukup 1 kali anda tempatkan pada Template anda,...

Oke... caranya :

1. Login ke blog anda, dan masuk pada Template, click EDIT HTML, Lanjutkan/Continue
   kemudian, click (berikan Mark on) pada Expand Template Widget
2. Gunakan CTRL F untuk mencari kode ini :   ]]></b:skin> 
3. Jika sudah ketemu, copy paste kode berikut ditas kode   ]]></b:skin>
   
   
   .post img:hover { 
   -o-transition: all 0.2s; 
   -moz-transition: all 0.2s; 
   -webkit-transition: all 0.2s;
   -moz-transform: scale(2.0);
   -o-transform: scale(2.0);
   -webkit-transform: scale(2.0); }
   

   
   
4. Click SAVE/SIMPAN Template
   Usahakan jangan menutup dulu jendela EDIT HTML..
   Silahkan buka blog anda pada tab baru..
   dan lihat effect nya...
5. Anda dapat mengubah perbesaran (effect zooming) pada Image, dengan mengubah
   nilai dari  kode CSS diatas.
   -   untuk nilai kode yang menggunakan kata transition adalah untuk mengatur tingkat
       kecepatan perbesaran pada gambar (image) - satuan dalam second (s)
   -  untuk nilai pada kode transform adalah batas mazimum perbesaran dari nilai gambar anda

Selamat Mencoba