Wednesday, March 28, 2012

Cara Membuat Gambar Berputar di Blog

Kali ini saya akan coba menjelaskan atau memberikan script cara agar image/gambar pada blog berputar dan membesar. Langsung saja ke tutorialnya :

1. Pertama Log in ke blogger
2. Kedua Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari kode ]]></b:skin>
Kemudian paste kode ini di atas nya

#muter:hover{-o-transform: scale(1.2) rotate(360deg) translate(0px);-moz-transform: scale(1.2) rotate(360deg) translate(0px);-webkit-transform: scale(1.2) rotate(360deg) translate(0px);-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}
#muter{-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}
Kemudian Masuk Kebagian rancangan, tambah gadget HTMLjavascript
paste kode di bagian

<div id="muter"><center><a href="URL ANDA" target="_blank"title="Gambar Muter"><img src="URL IMAGE ANDA" width="120" height="203" style="border: 0px;" /></a></center></div>

Untuk contohnya arahkan kursor mouse ke gambar di bawah ini


1 comment: