Cara Membuat Link Bergoyang

Selamat pagi sobat. Bagai mana kabarnya.? Mudah-mudahan sehat yah sob. Waduh, terasa sudah lama banget saya tidak menerbitkan artikel yah sob. hemm, tidak tau kenapa nih sekrng saya jadi malas untuk ngeblog, dari kemarin pengin posting ajah hawanya males bngt. Nah, mumpung hari ini saya lagi niat nih sob, jadi saya mau posting tentang cara membuat link bergoyang iya sob, bergoyang, hehe,, mungkin sobat blogger juga sudah pernah melihat link blog jika cursornya tersentuh link maka link nya akan bergoyang atau bergeser.contohnya ya seperti di blog ini, jika masih di pasang. coba sobat sentuh salah satu link di blog ini,.!. ternyata bukan penyanyi dangdut ajah yang bisa bergoyang sob, link blogger juga tidak mau kalah dengan penyanyi dangdut. Hehe :-D

ya sudah, dari pada kelamaan mending langsung saja sob. Buat sobat yang ingin mencoba membuat link bergoyang. mari ikuti langkah-langkahnya di bawah. Di bawah mana.? Di bawah komentar..!! hehe.. Di bawah ini.

1. Seperti biasa, sobat Login ke akun Blogger sobat dulu.
2. Langsung menuju ==> template ==> Edit HTML.
3. Kemudian Cari kode </head> untuk mempermudah pencarian tekan Ctrl+F
4. Jika sudah ketemu, coppy kode di bawah ini. Dan paste kan 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>


5. Jika merasa sudah benar, maka save template. dan lihat hasilnya. Nah. Skrng blog sobat lebih kelihatan menarik kan.? Hehe.. Yah mungkin cuma itu saja yang bisa saya tulis tentang cara membuat link bergoyang. Semoga Bermanfaat.

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser