Membuat Link Nudging

Membuat Link Nudging

Menghias blog dengan menambahkan efek-efek ambahan yang unik mungkin bisa menambah ketertarikan pembaca untuk mengunjungi blog Anda, dan banyak sekali cara untuk menghias blog Anda. Pada artikel kali ini akan membahas cara menghias blog pada bagian kursornya, yang biasa disebut dengan link nudging.

Dengan memberikan link nudging, maka blog Anda akan terlihat efek bergerak atau bergoyang dari satu atau beberapa link yang ditimbulkan dari penggunaan jQuery pada template di sebuah blog. Selain pada link, efek ini juga akan dapat kita terapkan pada sebuah gambar.

Untuk kalian para Blogger yang ingin mengutak atik blog kalian atau ingin menambahkan efek unik pada blog kalian, maka tidak ada salahnya kalian mencoba untuk mengunakan efek link nudging ini. Karena dengan menggunkaan efek ini, blog kalian akan terlihat lebih menarik dan pengunjung tidak akan merasa jenuh pada saat membaca artikel kita.

Kalian tidak perlu khawatir, walaupun penggunaan efek ini menggunakan script jQuery, tapi tidak akan mempengaruhi load blog kalian. Untuk penjelasan selengkapnya tentang cara membuat link nudging adalah sebagai berikut.

  •  Login dengan Account Blogger kalian kedalam Dashboar Blogger.
  •  Masuk kedalam bagian edit HTML pada template.
  •  Checklist di bagian Expand Widget Template.
  •  Pada bagian </head> berikan script sebagai berikut :

<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.nudge, .#Label1 ul li a’).hover(function() { //mouse in
$(this).animate({ marginLeft: ’12px’ }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script>

  • Kemudian untuk membuat Link Nudging manual pada setiap link di dalam postingan kalian bisa menambahkan class=”nudge” seperti contoh berikut <a href=”http://blogaku.blogspot.com” class=”nudge”>Link Nudging</a>

Dengan langkah sederhana tersebut kalian sudah bisa menambahkan efek pada Link Nudging pada Blog kalian. Perlu diingat pemberian efek – efek pada Blog juga harus memperhatikan Script jQuery supaya load Blog kalian tidak terasa lambat. Selain itu tetap tingkatkan kualitas artikel kalian sebagai daya tarik utama bagi pengunjung Blog kalian.

Membuat Link Nudging

Leave a Reply

Your email address will not be published. Required fields are marked *