Selasa, 02 Oktober 2012
Cara Membuat Link Bergoyang di Blog
Do you like this story?
Cara Membuat Link Bergoyang Di Blog, cara membuat link bergoyang di Blog
biasa disebut link nudging atau nudge, namun bagi para blogger yang
awam pasti tidak tau efek tersebut, yang mereka tahu bahwa link tersebut
akan bergoyang atau bergerak ke kiri saat dikunjungi mouse atau pointer. nah, kali ini cyberxskyfire akan memberi tutorial singkat agar link bisa bergoyang dombret kayak inul daratista, he he he..:)
Langsung Saja ke pokok bahasan tentang cara membuat link bergoyang di blog, ikuti langkah-langkah dibawah ini!
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>
Keterangan:
http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
tidak perlu memasangnya lagi.
<a class='linknudge' href='http://infonetmu.blogspot.com/'>INFONETMU</a>
Berikut ini adalah kode lain untuk label dan untuk link kustom sobat:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
Demikian cara membuat link bergoyang di blog atau link nudging, semoga berhasil..
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>
This post was written by: Franklin Manuel
Franklin Manuel is a professional blogger, web designer and front end web developer. Follow him on Twitter
0 Responses to “Cara Membuat Link Bergoyang di Blog”
Posting Komentar