Cara membuat link bergerak, Membuat link bergerak yang saya maksud adalah link ini memiliki efek gerak atau istilahnya goyang (obah dalam bahasa madiun) Apabila kursor diarahkan ke link tersebut akan bergerak. Loh kok bisa bergerak ?? Disini kita akan menyisipkan script pada template blog anda agar semua link yang ada pada blog anda akan memiliki efek yang sama. Caranya sebagai berikut ini.
1. Login blog anda dan menuju menu edit HTML
2. Beri tanda centang pada Expand widget template
3. Cari kode dibawah ini dengan menekan F3 atau CTRL+F agar memudahkan dalam pencarian kode
4. Setelah kode ditemukan sekarang letakan kode dibawah ini diatas kode tadi (diatas kode no 3)
5. Yang terakhir adalah simpan template anda. nah sekarang silahkan dicek link yang ada pada blog anda sekarang memiliki efek bergerak. Selamat mencoba semoga bermanfaat.
1. Login blog anda dan menuju menu edit HTML
2. Beri tanda centang pada Expand widget template
3. Cari kode dibawah ini dengan menekan F3 atau CTRL+F agar memudahkan dalam pencarian kode
</head>
4. Setelah kode ditemukan sekarang letakan kode dibawah ini diatas kode tadi (diatas kode no 3)
<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>
<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. Yang terakhir adalah simpan template anda. nah sekarang silahkan dicek link yang ada pada blog anda sekarang memiliki efek bergerak. Selamat mencoba semoga bermanfaat.
sumber: http://madiuncool.blogspot.com
Tidak ada komentar:
Posting Komentar