Kamis, 28 Maret 2013

Cara Membuat Link Bergoyang Di Blog

Terus berkreasi dan mencari kekurangannya mungkin itu tujuan sobat semuanya dalam membenahi tampilan blognya,sebelumnya saya sempat memberikan tutorial untuk mempercantik tampilan blog sobat seperti Cara membuat efek salju di blog,cara membuat burung terbang di blod dan banyak lagi yang lainnnya,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 berminat 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 SaveTemplate dan lihat hasilnya


Demikianlah tutorial kali ini mohon maap bila kurang sempurna,dan saya ucapkan banyak terima kasih.



Tidak ada komentar:

Posting Komentar