Cara Membuat Gambar Perputar (Efek Rotasi)

Kemaren saya sempat posting tentang Cara Membuat Menu Di Bawah Header Versi I dari itu saya yakin blog sobat sudah terpasang menu-menu tersebut dan tentunya tampak lebih keren, ya kan.....?

Nah kali ini saya akan share tenyang Membuat Gambar Perputar (Efek Rotasi). Saya pribadi penasaran sekali untuk membuat gambar macam ini. awalnya saya blogwalking ke anggota HTC Online. Saya pikir setiap link/Url milik anggota itu saya kunjungi dan pada salah satu Saya menemukan gambar seperti yang saya share sekarang, sudah lama sekali rasa penaran ini yang tak terjawab, hingga akhirnya saya menemukan dengan tidak sengaja saat buka salah satu Group di Facebook dan ada Url lalu saya klik, eh malah mendapatkan hal yang saya cari sejak dulu.

Setelah saya mengetahui cara membuat dan memasangnya, ternyata bukan hal sulit. malah jauh lebih mudah daripada terbang ke angkasa wkwkwkwk

Berikut cara pasangnya:

• Tentu saja harus Log in dulu ke blog sobat atau disini
• Klik Rancangan Lalu masuk Edit HTML
• Cari code ]]></b:skin> Untuk memudahkan pencarian tekan CTRL+F
• Jika sudah ketemu Copas Code berikut tepat diatas code ]]></b:skin>

.simplerotate{ -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; } .simplerotate:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); }

• Jika sudah selesai klik Save Template
• Selanjutnya Klik Elemen Laman
• Lalu Tambah Gedged pilih Javasceipt/HTML
• Kemudian Copas Code berikut Lalu Save

<img border="0" class="simplerotate" original="https://lh6.googleusercontent.com/-D7RQHVE62-s/TsExdWF7ihI/AAAAAAAAG-E/73g6XAJGLbk/w400/nice%2Banimation.gif" src="https://lh6.googleusercontent.com/-D7RQHVE62-s/TsExdWF7ihI/AAAAAAAAG-E/73g6XAJGLbk/w400/nice%2Banimation.gif" style="display: inline;" />

Perkejaan sobat sudah selesai tinggal melihat hasilnya

Catatan Penting

https://lh6.googleusercontent.com/-D7RQHVE62-s/TsExdWF7ihI/AAAAAAAAG-E/73g6XAJGLbk/w400/nice%2Banimation.gif

Silahkan ganti Url Gambar diatas dengan Url Gambar yang anda suka

Untuk Melihat Contohnya Sentuh Gambar dibawah

Bagaimana, mengalami rotasi ga'??

Saya rasa samapai disini sudah jelas gan...... Semoga bemnafaat