, 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