Maksud dari judul diatas, jika teman arahkan mouse pada menu atau judul posting maka akan bereaksi dan bergerak atau bergoyang, contohnya seperti gambar disamping. Cara membuat link bergerak jika disorot mouse ini memang kelihatan biasa dan sudah tidak asing lagi dalam dunia blogger tapi dengan menambahkan atau memasangnya pada sebuah blog maka akan menambah kesan sendiri dan kelihatan berbeda dan yang pastinya sebuah blog akan bertambah menarik. Jika teman tertarik dan ingin mencobanya, ikuti saja langkah-langkah berikut ini :
- Login Ke Blog Sobat
- Pada Dasbor Pilih >>Rancangan-->Kemudian EDIT HTML
- Cari Kode </head> Dan Letakan Kode Script Berikut Tepat Diatas 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() {
$('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>
4. Simpan Dan Lihat Hasilnya
No comments:
Post a Comment
Berikan komentar positif Anda tentang artikel ini