hai, kali ini saya akan memberi tahu cara membuat link bergoyang /
bergeser saat tersentuh kursor.,, hal ini akan membuat tampilan blog
kita semakin menarik dan lebih cool pastinya.
ini dia langkahnya:
1. loggin ke blogger
2. masuk ke design / rancangan lalu ke edit HTML
3. Ctrl+F code </head>
4. copy dan paste code dibawah ini tepat diatas code di 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>
klik save, lalu lihat hasilnya
selamat mencoba :D
ini dia langkahnya:
1. loggin ke blogger
2. masuk ke design / rancangan lalu ke edit HTML
3. Ctrl+F code </head>
4. copy dan paste code dibawah ini tepat diatas code di 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>
klik save, lalu lihat hasilnya
selamat mencoba :D
0 komentar
Posting Komentar