Cara Membuat Link Bergerak Pada Blog

Munkin sobat pernah berkunjung di suatu blog orang lain. ketika sobat menyentuh suatu link tersebut tiba-tiba link bergoyang..  Namun sobat jang khawatir.  Pada kesempatan kali ini, saya akan sher kepada teman-teman, bagai mana Cara Membuat Link Bergerak Pada Blog.

Dengan membuat link bergoyang ini, selain untuk membedakan kalau teks itu ada linknya, tentunya juga untuk membuat lebih menarik. Sekarang kita akan belajar membuat link yang bergoyang, dan kalau dijauhkan akan kembali ke tempat semula. Sudah mengerti?

Silahkan sobat ikuti langkah-langkah di bawah.....

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

mudah kan sob!! itulah yang saya dapat berikan mengenai Cara Membuat Link Bergerak Pada Blog sobat, semoga bermamfaat....

Ditulis Oleh : Unknown

Terimakasi atas kunjungan teman-teman...
Bila artikel ini sangat bermanfaat, sobat dapat bagikan ke teman-teman yang lain melalui jejaring sosila yang ada di bawah ini!!
Jangan lupa tinggalkan komentarnya...

Berbagi di :

Tweet

BACA JUGA :

Tutorial Blog

• Cara membuat teks are di postingan blog
• Menghilangkan tulisan diberdayakan oleh blogger
• Cara agar blog baru cepat terindex oleh google
• Cara membuat garis di bawah judul postingan
• Cara Menghilangkan Garis Bawah Pada Link Blog
• Cara memasang meta tag super SEO friendly
• Meningkatkan Pagerank Dari Ribuan Backlink
• Membuat Widgate Jumlah Posting Dan Komentar di Blog
• Cara Menghilangkan Tulisan Diberdayakan Oleh Blogger
• Membuat Widgate Label Keren Dengan css
• Cara mudah Membuat Tulisan Copyright di blog
• Membuat Widgate Rank Alexa Di Blog
• Cara mudah memasang gambar di atas blog
• Cara Cepat membuat nomor halaman di blog
• Cara meningkatkan pagerank alexa dengan mudah
• Cari Tahu Sejarah Dan Perkembangan Rank Alexa
• Cara Membuat Menu Drobdown Css Dengan Mudah
• Mengetahui Cara Kerja Page Rank Google
• Sejarah adanya Seach Engine Optimization (SEO)
• Trik Rahasia Master SEO Untuk Blog