ExitJangan Lupa Klik Like/Suka!

Sabtu, 10 Desember 2011

Cara Membuat Link Bergoyang

Sobat-sobat yang suka Browsing pasti sering menemukan Website atau Blog yang sewaktu Link nya di sorot oleh mouse maka akan Bergoyang atau bergerak. Tidak usah jauh-jauh contohnya Pada Blog Adexme ini, Sorot di sini Maka akan Bergoyang.

Sebelumnya Blog Adexme sudah membahas mengenai Cara Membuat Read More Otomatis dan Membuat Burung Twitter Terbang di Blog seperti yang ada di Blog Adexme ini, maka dari situ Blog Adexme akan Membagi Artikel mengenai Cara Membuat Link Bergoyang.

Tidak usah Terlalu Panjang-panjang, Jika sobat ingin membuatnya maka ikuti langkah-langkah berikut ini. Step By Step langsung sobat ikuti, Jangan Lupa tinggalkan Komentarnya.

     1.  Login dulu di Blogger dengan Akun sobat.

     2.  Pada Dasbor, Klik Rancangan.

     3.  Setelah itu Klik tab Edit HTML.

     4.  Klik Download Template untuk mencegah terjadinya Eror pada Template.

     5.  Beri tanda Centang pada Expand Template Widget.

     6.  Seteleah itu cari Kode </head>. Untuk mempercepat pencarian tekan
          CTRL + F.

     7.  COPAS kode di bawah ini dan letakkan di atas kode </head>.
    <script src='https://sites.google.com/site/daelantutunk/daelantutunk/linkgoyang.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>

       8.  Setelah selesai, Simpan Template nya.

       9.  Lihat Hasilnya.

    Tidak ada komentar:

    Posting Komentar