cara membuat gambar bergerak, berputar, membesar saat mouse disorot

cara membuat gambar bergerak, berputar, membesar saat mouse disorot

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_saya 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_saya div:hover, #gambar_saya 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_saya"> <div class="hover"> <a href="http://www.tetap-belajar.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmYG4tLdCq3HXJiDmDplX61NRUx_Kdik1o7o_OVJnpcBMxAuKkw-BbALsEJ34l4u5Hq1w2lFHdNLaScYzo-tOdsb7y8vI-UAEHPGqEpDCbugE5N-v_QzLQwf3_TxzEYvuV1i2KRPGMgmyG/s1600/Logo+Unima+Warna.jpg" width="100" height="100"/></a></div> </div link gambar anda bisa ganti sesuai keinginan sobat blogger

Anda baru saja membaca artikel yang berkategori trik blog dengan judul cara membuat gambar bergerak, berputar, membesar saat mouse disorot. Anda bisa bookmark halaman ini dengan URL http://aroxx-kaluwatu.blogspot.com/2013/07/cara-membuat-gambar-bergerak-berputar.html. Terima kasih!

Ditulis oleh: Unknown - Selasa, 23 Juli 2013