Headlines News :
Home » » Membuat Link Bergerak (Bergoyang)

Membuat Link Bergerak (Bergoyang)

Written By Unknown on Sabtu, 10 November 2012 | 19.54

Membuat Link Bergerak (Bergoyang)Maksudnya apa sih, link kok bergoyang? kayak dangdutan saja :D Maksudnya begini lo, link yang disetuh oleh cursor akan bergerak ke kanan, dan kalau dijauhkan akan kembali ke tempat semula. Sudah mengerti? Jadi hampir sama marquee, bedanya link akan bergerak hanya jika disentuh.

Dengan membuat link bergoyang ini, selain untuk membedakan kalau teks itu ada linknya, tentunya juga untuk membuat lebih menarik.

Cara Membuat Link Bergerak (Bergoyang)
  1. Login ke Blogger.
  2. Di halaman Dasbor, kita pilih Rancangan.
  3. Kemudian pilih Edit HTML
  4. Beri tanda centang pada Expand Template Widget
  5. Taruh kode berikut di atas 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>
  6. Simpan Template jika sudah selesai.
Bersiaplah untuk melihat link yang ada di blog kita akan bergoyang jika disentuh, ayo digoyang lagi :p 

Semoga Bermanfaat ^^






Share this post :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. ArtikelBejo™ - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger