Membuat Gambar Berputar

Membuat Gambar Berputar di Artikel Blog - Ingin Gambar Berputar tak mesti nunggu angin besar, cara membuatnya sangat gampang. Membuat Gambar Berputar di artikel blog kita dan membesar saat tersentuh oleh cursor cukup dengan menambahkan beberapa kode dalam postingan gambar dan sedikit membuka HTML template kita.

Sebleum melanjutkan Membuat Gambar Berputar, silahkan sobat lihat dulu DEMO-nya disini Gambar Berputar di Postingan Blog. Jika tertarik untuk membuatnya silahkan lanjutkan pada langkah-langkah yang perlu sobat ambil ;

1. Seperti biasa login pada Akun Blogger
2. Pilih Rancangan dan klik edit HTML
3. Centang Expand Template Widget untukjaga-jaga bilamana terjadi kesalahan.
4. Sobat cari kode </head> dan pastekan kode dibawah ini tepat di atas kode </head> tadi.

<style>#sareva img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #sareva img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

5. Lalu Simpan Template.

Langkah selanjutnya untuk penerapan dalam Gambar Postingan. Sobat harus menambahkan kode  <div id="sareva"> sebelum URL gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

<div id="sareva">

<a href="http://evawangi.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNDIjwciJsSPUE-_qqB07ULngYouUCSNyh9av11unMWSVTg5Wi5dUx0KxX6cnq2_G3xVyHvfrrl2Cv6HROoMexRCNYTpY8TjHD1G9g9oyWw8rFS339bJY7xsarRUOyLry3TqXEgu1hAKhq/s200/Gambar+Berputar.jpg" /></a></div>

Silahkan ganti URL Gambar yang diberi warna Biru dengan  URL gambar sobat, setelah semuanya selesai Publikasikan Postingan sobat dan lihat hasilnya.

Semoga berhasil dan tentunya bermanfaat buat sobat !