Ads by BuzzCity

Kamis, 16 Juni 2011

Home » » ZOOM IMAGE DALAM POSTINGAN

ZOOM IMAGE DALAM POSTINGAN

label


Wuihhh panas nya udara sore ini,hem alangkah enaknya ngenet ditemani secangkir es buah/es teh manis yummmy pasti maknyus jadinya hehehe,tapi bukan minum yang kita bahas sekarang sob ada variasi blog yang baru [ER] dapat dari blog bale toraya dijamun makyus juga sob,membuat ZOOM IMAGE yang di jamin membuat postingan kamu oke punya deh cek cara buatnya simple dan tidak ribet.

cara membuat efek ZOOMING dimage dalam postingan
1.login ke dashbor degnan akun yang dimiliki
2.klik rancangan--->tata letak--->tamabahkan html/java sript
3.copas kode berikut dan masukkan kedalam elemen tamabahan tadi

<style type="text/css">
.post img
{
background:#aaa;
border-radius:px;
-moz-border-radius:px;
-webkit-border-radius:px;
-o-transition:all 1.2s ease-out;
-moz-transition:all 1.2s ease-out;
-webkit-transition:all 1.2s ease-out;
}
.post img:hover
{
z-index:99;
background:#993300;
border-color:#FF0000;
-o-transform:rotate(-10deg) scale(1.4) translate(5px,-3px);
-moz-transform:rotate(10deg) scale(1.4) translate(5px,-3px);
-webkit-transform:rotate(10deg) scale(1.4) translate(5px,-3px);
}
</style>
4.simpan dan lihat hasilnya.
hasil dari image zoom bisa dilihat gambar posting blog[ER] arahkan mouse ke dalam gambar dengan otomatis gambar akn mengZOOm dengan sendirinya....--------->jadi DIZOOM jadi GeDEEEEEEEEE

Tidak ada komentar:

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...