Artikel Terbaru :
Home » » Cara Membuat Link Bergerak (Bergoyang) DiBlog

Cara Membuat Link Bergerak (Bergoyang) DiBlog

Sabtu, 10 November 2012 | 8komentar

Cara Membuat Link Bergerak (Bergoyang) DiBlog
Maksudnya link bergerak/bergoyang adalah ?  link yang disetuh oleh cursor akan bergerak ke kanan, dan kalau dijauhkan akan kembali ke tempat semula. 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. bermacam-macam cara untuk memodifikasi link salah satunya yang prnah saya coba
Membuat Tulisan Link Berkedip kedip   
trik blog   Cara Buat Link Di Blog Membesar . Sekarang kita akan belajar membuat link yang bergoyang ;)

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,
 Semoga berhasil
Share this article :

ARTIKEL TERKAIT:

8 komentar:

  1. Balasan
    1. sama " :) di tunggu kunjungannya kembali trima kasih

      Hapus
  2. sip,, bekerja mbak, tapi saya nonaktifkan lagi untuk sekedar pengetahuan saja, thanks 4 share ya

    BalasHapus

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting