Cara Membuat Link Nudging di Blog

L ink nudging ( link bergoyang ) dapat anda terapkan di Blog anda. Caranya sangat mudah dan gampang. Tidak perlu susah-susah dan bertele-tele. Hanya diperlukan beberapa langkah untuk membuat link nudging ini. Dengan link nudging ini dapat menambah tampilan blog anda. Bagaimana cara membuat link nudging di blog?. Ikuti langkah-langkah berikut ini :

Copy kode di bawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); }); </script>

Login ke blog anda, pilih elemen halaman,>>tambah gadget,>>pilih html/javascript gadget>> paste kode tadi,>>save widget dan lihat hasilnya. 


Pada cara di atas semua link di blog akan "bergoyang". Ada satu cara lagi yang paling gampang tanpa harus menambahkan widget. Dan link yang "bergoyang" hanya link tertentu saja. Begini caranya, coppy kode berikut  : <a class="linknudge" href="http://id.wikipedia.org/wiki/Teknologi">Teknologi</a>
Keterangan : Warna merah ganti dengan URL anda, warna hijau ganti dengan text yang akan ditampilkan

Label :Tutorial