Cara Membuat efek Bergerak pada Gambar Pada waktu Diarahkan Kursor

Kamis, 14 Februari 20130 komentar


Inilah sob caranya:

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode </head>
5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>


<style>#kaka-jr 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;}#kaka-jr img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>


6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.

Sobat harus menambahkan kode  <div id="kaka-jr"> sebelum url gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

<div><ahref="http://Domain.blogspot.com/"><imgsrc="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQP6vYmcUHGApwSjvG5YmjzxMbcVNKxi_zOjtMRgcHZXuk92C9FOg" /></a></div>

keterangan:
  1. kode berwarna merah silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
  2. Setelah semuanya selesai klik publikasikan. 
Share this article :

Posting Komentar

 
Support : Zv-eLite | TipSeoFriendly | Top Five
Copyright © 2011. Tips Buat Blogger - All Rights Reserved
Template Created by Zv-eLite .com Published by Septa Praseya Hanafi
Proudly powered by Blogger