Vrydag 19 April 2013

Link Bergerak Saat Disorot Mouse



Kita mulai aja !

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' 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">teks yang akan dijadikan 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

By : Yusuf Electric

Geen opmerkings nie:

Plaas 'n opmerking