cara membuat teks link pindah ke samping - Hallo sahabat Cheater251 | Free Download Cheat LostSaga, PointBlank, First Blood 2017, Pada Artikel yang anda baca kali ini dengan judul cara membuat teks link pindah ke samping, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tips Bloger, Artikel webdisign, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : cara membuat teks link pindah ke samping
link : cara membuat teks link pindah ke samping

cara membuat teks link pindah ke samping

Cara Membuat teks Link ke samping Dengan jQuery. Halo sobat-sobat gema gimana kabarnya? nih gemasyahdan kali ini akan share tutorial blog Cara Membuat Link Nudging atau teks ke samping Dengan jQuery.

Mungkin banyak dari sobat yang belum tahu tentang link nudging. link nudging adalah sebuah link bila tersentuh kursor maka link tersebut akan bergeser kesamping kanan, bisa juga hover link yang bergerak. gimana keren kan..?


yuk langsung aja gema jelaskan cara membuatnya:
Cara Membuat Link Nudging Dengan jQuery
1. Login Blogger
2. Rancangan >> edit HTML
3. Lalu cari kode (gunakan Ctrl+F)
4. Lalu Letakkan kode dawah ini tepat di atas kode

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>

5. Simpan

NB :
Bila di blog sobat gema sudah ada file.js untuk kode:

http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js


Maka sobat tidak perlu lagi memasang file.js tersebut.

6. Cara memasang di link sobat cukup tambahkan kode class "linknudge" untuk link sobat seperti contoh dibawah ini:

<a class="linknudge" href="http://gema-tkj1.blogspot.com/">gemasyahdan</a>

7. Selesai

Nah cara atau kode di atas adalah untuk link kostum, dengan menambahkan kode class 'linknudge'.
Berikut ini adalah kode lain untuk label dan untuk link kustom sobat:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>

Untuk pemasangan kode sama seperti yang sudah saya jelaskan diatas.
Sekian dari saya, itulah Cara Membuat teks Link ke samping Dengan jQuery.

Good LUCK semoga berhasil sobat gema :D

Demikianlah Artikel cara membuat teks link pindah ke samping

Sekianlah artikel cara membuat teks link pindah ke samping kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel cara membuat teks link pindah ke samping dengan alamat link https://cheatterbaru2.blogspot.com/2012/01/cara-membuat-teks-link-pindah-ke-samping.html

Tweet