PT - Membuat Efek Pada Link Saat di Sentuh Cursor - Begitu banyak cara untuk membuat Blog kita terlihat begitu menarik, unik dan cantik. Salah satunya dengan Membuat Efek Pada Link.
Efek yang dimaksud kali ini yaitu saat link disentuh cursor blog maka
link tersebut kelap kelip berwarna warni, atau bisa juga link tersebut
bergerak kekiri atau kekanan.
Lansung saja deh, buat sobat yang ingin menambahkan beberapa efek pada link saat disentuh cursor, silahkan ikuti langkah-langkah dibawah ini.
1. Cara Membuat Link Bergoyang Saat disentuh Cursor
<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>
5. Setelah itu simpan template dan lihat hasilnya. contoh bisa dilihat DISINI
ini lah 2 efek yang bisa sobat coba.. semoga Bermanfaat..^_^
Lansung saja deh, buat sobat yang ingin menambahkan beberapa efek pada link saat disentuh cursor, silahkan ikuti langkah-langkah dibawah ini.
1. Cara Membuat Link Bergoyang Saat disentuh Cursor
- Login ke akun blogger anda
- klik Template > Edit HTML lalu centang pada Expand Template Widget
- cari kode </head>, Setelah itu letakkan kode dibawah ini tepat diatas kode </head> tersebut.
<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>
- Setelah itu simpan template dan lihat hasilnya. contoh bisa dilihat DISINI
- Login ke Akun Blogger anda
- Klik Template > Edit HTML lalu centang pada Expand Template Widget
- Cari kode </head>, Setelah itu letakkan kode dibawah ini tepat diatas kode </head> tersebut.
- Copy Script di bawah ini
5. Setelah itu simpan template dan lihat hasilnya. contoh bisa dilihat DISINI
ini lah 2 efek yang bisa sobat coba.. semoga Bermanfaat..^_^
0 komentar:
Posting Komentar