BuaT LinK BerGeRaK

CARA MEMBUAT LINK BERGERAK BILA SA4T DI SOROT OLEH MOUSE

Link Bergerak Saat Disorot Mouse – Setelah Dulu Gue Tulis Tentang Cara Membuat efek link warna pelangi, Kali ini Gue Mau Coba Share Satu Cara Lain Yang Bisa Kita Gunain Buat Modifikasi LinK.
Cara ini lumayan seru lah, sebab link yang kita buat nanti bisa bergerak kalo disorot oleh mouse.

Kita mulai ea !!

Langkah pertama:
1. Login dulu ke blogger.com
2. Pilih menu “Design”
3. Klik “Edit HTML”
4. Cari kode </head>
5. Copy/paste kode dibawah ini tepat setelah kode </head>

<script src='http://agungxzeg.googlecode.com/files/dynamiclink.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '5px' },400);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
</script>

6. Klik “Save Template”

Langkah kedua:
Dalam pembuatan link nanti, tambahkan kode class="nudge"

Contoh link dengan teks:

<a href="URL Tujuan" class="nudge">Text Yang Akan Di Jadikan LinK</a>

Contoh link dengan gambar:

<a href="URL Tujuan" class="nudge"><img src="URL Gambar"></a>

Keterangan:
1. Silahkan ubah contoh link di atas sesuai kebutuhan
2. Teks yang berwarna hijau adalah jarak bergerak link, silahkan di ubah sesuai selera


TERIMAKASIH

• 
• 
• 
• 
• 
• 
•