Search

Memuat...

Berlanggan Via Email

Enter your email address:

My Friend

cara membuat efek gambar getar di blog

Image and video hosting by TinyPic
Salah satu cara untuk memperindah blog yaitu salah satu nya dengan cara membuat efek gambar getar di blog , yaitu gambar pada pada postingan blog akan bergetar saat di lalui cursor ,penasaran kan seperti apa ?? untuk lebih jelas bisa sobat lihat demo nya di sini.
bagaimana sob mantapkan ? kalau sobat mau mencoba cara ini silahkan ikuti saja langkah2 nya di bawah ini ;
  • Sig in dulu ke acoount blog sobat
  • masuk rancangan =>>edit HTML=>>cari kode ]]></b:skin>
  • pasang kode di bawah ini diatas kode ]]></b:skin> 
.gambargetar {
position: relative;
}
  • kemudian save dan masuk ke elemen halaman =>>tambah gadged =>>HTML/java script
  • lalu masukan kode di bawah ini 
<script src="http://situseo.googlecode.com/files/gambargetar.js?attachauth=ANoY7crTQ4Lxnhf7dmkwVCDEuTh7tAEnUb24VQITeydgTn0GgWS6i13WBvtATMNH-03ZLeomrsDAaJdTYlyazR9wt1cIcZXm2h5BMS3bFaRzpwe3BVjMe-I_pzEALIgg97q3b1EWvttUKoUP8X3qebNDdmwO20x_okkWFa3AV68yosoYqixie957Grgnn8lIWESG-jcKGZG78t4wvT6zh2Svz3cpYleeSYekUxbpT2LfB9Qj1Q6pHvA%3D&amp;attredirects=0" type="text/javascript"></script>

  • terakhir sobat tinggal pasang kode pemanggil getar nya di mana gambar sobat mau di pasang , kode nya dibawah ini .
<img style="left: 0pt; top: 0pt;" src="http://i43.tinypic.comw9fnz5.jpg" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" class="gambargetar">
kode yang berwarna merah silahkan ganti dengan kode url gambar sobat.
selamat mencoba.....!!!!
Klik tombol berbagi :

0 komentar: