> FANPAGE > RSS > SITEMAP > TUKAR LINK

Cara Membuat Efek Link Nudging/Bergeser

Red Mercenary | 8:17 PM, Saturday, January 19, 2013 |
Assalamu'alaikum redviewers! kali ini admin mau coba share bagaimana cara membuat efek link nudging atau bergeser di blog yang saya kutip dari http://bloggerpeer.blogspot.com. apa sih link nudging itu? Link nudging itu jika cursor di arahkan ke suatu link maka tulisannya akan bergeser ke kanan secara perlahan. Berikut ini adalah cara membuatnya.
 

  • Login ke Blogger
  • Masuk ke bagian Edit HTML pada template
  • Centang pada bagian Expand Widget Template
  • Cari kode </head> (gunakan Ctrl+F, untuk mempermudah pencarian)
  • Copy paste script dibawah ini dan letakkan tepat diatas kode </head>
<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() {
$(&#39;a.nudge, .#Label1 ul li a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->

Kalau kode yang berwarna merah tersebut sudah ada di template kamu, kode itu tidak usah di pasang lagi jadi kamu hanya perlu memasang kode dibawahnya saja, Kemudian huruf yang berwarna biru diatas adalah widget id pada label, kamu bisa sesuaikan pada label id di blog kamu.

Yang diatas adalah cara memasang efek link nudging otomatis. Jika ingin memasang nudging effect ke link khusus atau ke satu link saja secara manual,  kamu tinggal sisipkan class='nudge' contohnya seperti di bawah ini.

<a href="http://red-mercenary.blogspot.com" class="nudge">Red Mercenary</a>

Nah silahkan dicoba, sekarang jadi tau kan apa itu link nudging? sekian dulu ya dari saya, semoga bermanfaat. Glory!!

Referensi dari http://bloggerpeer.blogspot.com


Comments
0 Comments

Silahkan Berkomentar Disini !
Mohon Maaf Untuk Versi Mobile Komentar Blog Non-aktif, Silahkan Gunakan Komentar Facebook.