Abaikan Jika Melihat Iklan Binary Options (Opsi Biner) pada Situs ini, Baca : Perbedaan Forex dengan Binary Options

Daftar Akun XM
image3

Cara Membuat Effect Hover Gambar Bergetar pada Blogger

Daftar Akun Exness

Hai Blogger! Berikut adalah Cara untuk Membuat Effect Hover Gambar Bergetar pada Blogger :


  • Buka Menu Themes, kemudian klik Edit HTML.
  • Tambahkan Kode ini diatas Kode </body>
  • Untuk memudahkan pencarian tekan Crtl dan F, ketik </body> dan tekan Enter.

<script type="text/javascript">
var rector=8
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&amp;&amp;!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+&quot;px&quot;
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+&quot;px&quot;
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+&quot;px&quot;
}
else{
shake.style.left=parseInt(shake.style.left)-rector+&quot;px&quot;
}
if (a&lt;4)
a++
else
a=1
setTimeout(&quot;rattleimage()&quot;,10)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
document.write(&#039;&lt;style&gt;.built2bless-shake-effect{position:relative;}&lt;/style&gt;&#039;)
</script>

  • Kemudian Gunakan Kode ini Menampilkan Gambar :

<img class="built2bless-shake-effect" src="url / link gambar" onclick="top.focus()" onmouseout="stoprattle(this);top.focus()" onmouseover="init(this);rattleimage()" />

  • Contoh Hasil :



  • Ganti Bagian url / link gambar dengan Url / Link Gambar yang ingin ditampilkan. 

Semoga Bermanfaat, Happy Blogging :)

KATEGORI KONTEN : Content Management System

BAGIKAN :

CONVERSATION

Daftar Akun XM