Time is money itu kata pepatah tapi bagi saya waktu adalah kesempatan berbagi
Dibawah ini saya akan menjelaskan langkah-langkah untuk membuat gambar pada postingan blogspot bergerak, memutar, membesar saat mouse disorot

1. login ke akun blogger anda   
2. pilih rancangan dan edit html
3. Jangan lupa untuk sesering membackup template sobat untunk mencegah erorr pada template dengan cara CentangExpand Template Widget ➨ Download Template
4. cari kode pada html dengan cara menekan tombol ctrl+F Copy kode dibawah ini tepat diatas kode </head>
   
   <style type="text/css"> #gambar_aroxx div { height:100px; width:100px; border: 3px solid #D8D8D8; border-style:double; margin:10px auto; text-align:center; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; padding-top:5; padding-left:5; padding-bottom:5; padding-right:5; } #gambar_aroxx div:hover, #Gambar_aroxx div.hover_effect { -webkit-transform:rotate(720deg) scale(2,2); -moz-transform:rotate(720deg) scale(2,2); -o-transform:rotate(720deg) scale(2,2); -ms-transform:rotate(720deg) scale(2,2); transform:rotate(720deg) scale(2,2); } </style>

       5.   Simpan/save templatenya
ingat : jika saudara ingin membuat postingan baru maka jangan lupa menyisipkan kode seperti pada contoh dibawah ini

<div id="gambar_aroxx"><div class="hover"> <a href="http://www.tetap-belajar.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwMDLH-tUU3X7aQvwsz2S_RfqMWXaavvbaCnB6O8SMhXcHvAOVHSZAuEHcnqx8pefl4qPE_usoqHDoN92QENwmeYu5B-fwS0pm5LZLj8zBwOUXio5f2hQtfdOHPPt-PL9orxmtDd76aoRr/s1600/Logo+Unima+Warna.jpg" width="100" height="100"/></a></div> </div>
link gambar anda bisa ganti sesuai keinginan sobat blogger