Cara membuat Link/Text Bergoyang Saat Disentuh Mouse

Memang banyak cara yg bisa digunakan untuk mempercantik blog kita, contohnya adalah Membuat Link/Text Bergoyang. Dah tau maksud link bergoyang? itu maksudnya adalah saat kita mengarahkan mouse ke link / teks, maka dia akan bergerak dengan sendirinya. Para pengunjung akan senang melihat blog kita yg terkesan mearik dan hidup. Nah sekrg kita akan membahas bagaiman trik/cara pembuatan di blog kita. Caranya terbilang mudah kok, asalkan aja kita mengikuti langkah" ny dengan teliti dan penuh kesabaran.

Yaudah berikut ini adalah langkah-langkah nya, g sulit kok asal kan benar mengikuti nya. Ini step nya :

Pertama yg kita harus lakukan adalah :

1. Login Ke dashboard/blogger Sobat

2. Pilih --> Rancangan -->  Edit HTML

3. Cari Kode </head> (Ctrl + F)

4. Jika sudah ketemu, Copy-paste kode berikut 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() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out$(this).animate({ marginLeft: 0 }, 400);
});
});</script> 

5. Jika sudah, Pratinjau dulu hasilnya atau jika tidak ada masalah langsung di Save dan liat hasilnya. 

Semoga dengan saya reposting artikel ini, para blogger menjadi lebih tambah wawasannya, dan blognya menjadi besar dan sukses, oh ya jgn lupa ksih comment nya ya... tinggalkan jejak sobat aja, biar bisa mampir balek aku...heheh. Sampai jumpa di Artiikel berikutnya ya.

• Tweet
• Share
• Share
• Share
• Share

Sign up here with your email