RSS

About

Selamat Datang di Blog Saya

Cara membuat link bergoyang / bergerak pada blog

Sebelumnya Tutorial Blogger telah memberikan tutorial berupa Cara memasang burung twitter pada blog. Dan pada siang hari kali ini kita akan membahas tutorial dengan topik yang berbeda, yaitu Cara membuat link bergoyang / bergerak pada blog. Efek ini akan membuat Link bergoyang pada saat kursor menunjuk link itu. Keren gak???


Kita lanjutkan yuk tutorialnya!!

1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode </head> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
6. Setelah ketemu letakan kode berikut tepat di atas kode yang tadi
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>
7. Simpan deh Templatenya
Bagi yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya


Keterangan:
  • Untuk kode bewarna biru adalah kelebaran link bergoyang

Cukup disini Tutorial dari Tutorial Blogger tentang Cara membuat link bergoyang / bergerak pada blog. Tunggu tutorial berikutnya.....

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS