Membuat gambar dengan efek Berputar

Membuat gambar dengan efek Berputar

cara membuat gambar dengan efek berputar di blog. Trik ini singkat dan simple, menambahkannya pun cukup mudah. Tinggal anda mengikuti langkah-langkahnya berikut di bawah ini    

DEMO

 LANGKAHNYA SEBAGAI BERIKUT: Masuk ke akun blogger anda kemudian -> Klik Drop Down Menu Kemudian piliht Template ; Edit HTML Kemudian cari kode ]]></b:skin>

Setelah ketemu letakan kode berikut tepat diatas kode ]]></b:skin>

.spinningeffect img { 

 /* membuat efek gambar berputar by arycode.blogspot.com*/ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; 

} 

.spinningeffect img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);

} 

 Masuk ke akun blogger anda Kemudian pilih Post  klik Entri Baru Anda akan melihat kotak kosong, kemudian klik HTML pada postingan baru anda (bukan compose) pada sisi kiri atas. kopi dan pastekan kode berikut di dalamnya (kotak kosong) dimana anda ingin menampilkan gambar dengan efek berputar

<a class="spinningeffect" href="URL/Link Gambar" target="_blank"> <img src="URL/Link gambar"/></a>

KET: Silahkan anda ganti URL/Link Gambar dengan URL/Link gambar anda.