Cara Membuat Link Bergoyang

Mungkin sobat blogger ingin membuat tampilan link lebih menarik, beberapa cara dapat dilakukan untuk mengubah tampilan link text pada blog, tujuannya tidak lain adalah agar pengunjung tertarik sehingga meng-klik link tersebut.

Pasti Anda pernah menjumpai blog yang link textnya bergoyang ketika disorot oleh kursor. Bagaimana cara membuatnya? Berikut langkah – langkahnya :

  1. Login Akun blogger 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode </head> (seperti biasa gunakan Ctrl + F) 
  4. Copy kode dibawah ini dan Paste tepat diatas kode </head>

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

  5. Kemudian Simpan Template dan lihat perubahannya
Sekian postingan dari blogatap, selamat mencoba dan semoga bermanfaat bagi kita semua.




  • Baca Juga