Membuat Link Bergoyang / Nudging

Bismillah

Dalam tutorial kali ini mengangkat tema jquery, yaitu cara untuk membuat link bergoyang, cara kerjanya simpel kita tinggal mengarahkan crusor pada link blog yang kita tuju dan lihat perubahan linknya, link tersebut pada goyang dan tutorial ini dapat sobat praktekkan untuk memperindah tampilan blog sobat, setelah saya parktekin gambar juga bisa bergerak

---

CARA MEMBUAT LINK BERGOYANG / NUDGING

---

Langkah 1

Login ke Blogger

Langkah 2

Masuk ke "Tata Letak - Elemen Laman"

Langkah 3

Klik "Tambah Gadget" baru dengan Type "HTML/JavaScript"

Langkah 4

Masukan (copypaste) kode dibawah ini pada bagian konten:

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

Langkah 5

Klik simpan dan lihat hasilnya

Semoga bermanfaat, Selamat mencoba Heppy Blogging :) 

http://koderator.blogspot.com/2012/04/membuat-link-bergoyang-nudging.html