Cara Membuat Link Bergerak atau Bergoyang pada Blog

Sumber: http://faisal-fachrureza.blogspot.com/2014/06/cara-membuat-link-bergerak-atau-bergoyang-pada-blog.html

Cara Membuat Link Bergerak di Blog - Link adalah sebuah kalimat atau gambar yang jika di klik akan menuju ke sebuah halaman tertentu yang telah ditentukan oleh si pembuat link. Contoh link : Faisal Fachrureza Share atau http://faisal-fachrureza.blogspot.com

Kalimat Faisal Fachrureza Share diatas merupakan sebuah link yang jika di klik akan pergi ke halaman homepage. Jika sudah mengerti apa itu link, sekarang saya akan berbagi tutorial singkat tentang Cara Membuat Link Bergoyang pada Blog.

Link akan bergerak atau bergoyang kesamping saat kursor mouse menyentuhnya. Silahkan klik tombol DEMO dibawah ini untuk melihat contoh dari fitur link bergerak.

Cara Membuat Link Bergerak.

• Masuk ke dashboard blogger.
• Pilih menu Template lalu klik Edit HTML.
• Cari kode </head>
• Kemudian, copy seluruh javascript berikut 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>

•  Langkah terakhir, klik Simpan Template.

Selesai, sekarang coba arahkan kursor kepada link yang terdapat di blog Anda. Sekian artikel tentang "Cara Membuat Link Bergerak di Blog". Semoga membantu. :)