Cara Membuat Link Bergerak

Link bergerak atau Link nudging adalah link yang bergerak ketika mouse di arahkan ke link tersebut. Artinya link nudging mempunyai efek hover. Kelebihannya link ini terlihat atraktif dan dapat menjadi daya tarik tersendiri bagi blog anda. Sekarang mari kita bahas bagaimana cara membuat link bergerak, ikuti langkah berikut.

Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Masukkan kode berikut di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/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>

Selanjutnya klik Simpan Template
Ketika ingin menambahkan efek nudging pada link, silahkan masukkan kode class="linknudge" pada link tersebut. Contohnya seperti di bawah ini. Perhatikan kode merah

kode yang belum mendapat tambahan efek nudging
<a href="http://blogonol.blogspot.com/" target="_blank" title="blogonol">blogonol</a>

ketika ditambahkan kode pemanggil nudging menjadi
<a class="linknudge" href="http://blogonol.blogspot.com/" target="_blank" title="blogonol">blogonol</a>

Selanjutnya klik Simpan dan lihat hasilnya
Selamat mencoba dan sukses selalu

"keep spirits and do the best"