Jumat, Januari 08, 2010

Ini merupakan sebuah script yang dapat membuat icon anda bergoyang, yah..tidak seperti goyang Inul sih..
, tapi lumayan untuk sedikit improvisasi. Setelah script ini dimasukkan dalam template anda, anda dapat menggoyang setiap bagian dari template anda, tinggal pilih yang mana yang mau digoyang.


Begini scriptnya:

  • Login ke Blogger seperti biasa
  • Klik Tata Letak->Edit HTML
  • Centang pada kotak "expand template widget"
  • Cari kode (ctrl+f) </head>
  • Taruh script dibawah ini sebelum kode </head>:

<!--LINK-GOYANG-INUL-->
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '20px' },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
</script>
<!--LINK-GOYANG-INUL-http://leblogkusia.blogspot.com-->

Simpan template anda.
Untuk pemasangannya, anda tinggal menambahkan class="nudge" setelah alamat link yang akan digoyang, misalnya:

Untuk teks->    

<a href="http://leblogkusia.blogspot.com" class="nudge">Teks Link</a>

Untuk image atau icon->

<a href="http://leblogkusia.blogspot.com" class="nudge"><img src="http://i49.tinypic.com/241o60j.png"/></a>

Catatan: Pemasangan bisa anda lakukan dimana saja, pada Elemen Halaman ataupun pada Edit HTML
Nah, selamat mencoba

0 komentar:

Posting Komentar