Senin, 26 Desember 2011

cara buat gambar berputar dalam posting

Langsung ke Tahap Pertama...
1. Login Blogger ( DiSini )
2. Pilih dan klik ( Rancangan )
3. Pilih dan klik ( Edit HTML )
4. Cari kode ( ]]></b:skin> ) dengan menggunakan ( CTRL+F )
5. Letakan Kode Berikut Tepat Di Atas Kode ( ]]></b:skin> )



.post img{-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}
.post img: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;}



6. ( Simpan Template ) dan lihat hasilnya,


Catatan: Kode yang diatas hanya membuat gambar-gambar yang ada di dalam postingan blog berputar ketika di sorot mouse

0 komentar:

Posting Komentar

terima kasih karna tlah berkunjung ke sharetex...
silahkan di komen....

 

artikel terbaru

all posts

Followers

pengunjung

free counters Web Directory

Add to Google Reader or Homepage

sharetex Copyright © 2011 Not Magazine 4 Column is Designed by ojasetiawan Sponsored by sharetex.blogspot.com