Cara Membuat Link Bergoyang pada Blog

Anonim

Share :

Tweet

Terus Berkreasi dan mencari kekurangannya mungkin itu tujuan sobat semuanya dalam membenahi tampilan blognya,kini giliran saya membuat artikel tentang cara membuat tampilan link bergoyang.Mungkin sebelumnya sobat sempat melihat di blog yang lain tentang tampilan ini,namun tidak ada salahnya saya paparkan kembali tutorialnya mungkin ada sobat yang belum tahu dan berminat untuk mencobanya silahkan ikuti tutorialnya di bawah ini.

1. Seperti biasa langkah pertama login dulu ke akun blog sobat.
2. Kemudian pilih menu > Template.
3. Pilih edit html dan centang expand template widget.
4. Kemudian cari kode </head> untuk mempermudah pencarian  tekan CTRL+F.
5. Copy kode dibawah ini lalu simpan tepat 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. Kemudian Save  Template dan lihat hasilnya.

Itulah tutorial kali ini semoga bermanfaat,terima kasih atas kunjungannya. jangan lupa ninggalin jejak dibawah ya...:)

Tag : Tutorial blogspot