Cara Membuat Link Bergerak Atau Bergoyang (Link Nudging)

Cara Membuat Link Bergerak Atau Bergoyang (Link Nudging) | Link Nudging adalah suatu efek yang bergerak atau bergoyang bila tersentuh oleh kursor . hal ini disebabkan karena dari sebuah links yang ditimbulkan dari penerapan jQuery pada template di sebuah website ataupun blog agan-agan.
Untuk mempersingkat waktu, langsung saja dipraktekkan (ini tutorial membuat Link Nudging Pada Label)totorialnya dibawah ini pada blog agan-agan :
  • Login di Blogger
  • Masuk ke bagian Edit HTML pada template
  • Ceklist/Centang pada bagian Expand Widget Template
  • Cari code </head>
  • Copy paste script dibawah ini dan letakkan tepat diatas code </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 agan-agan, code itu tidak usah di pasang lagi jadi agan-agan hanya perlu memasang kode dibawahnya saja, Kemudian huruf yang berwarna biru diatas adalah widget id pada label, agan bisa sesuaikan pada label id di blog agan-agan. Dibawah ini adalah contoh widget id label dari template blog saya.

<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  • Nah terakhir tinggal Save template agan-agan dech,

Share 'Cara Membuat Link Bergerak Atau Bergoyang (Link Nudging)' On ...

Ditulis oleh: ahmad mustaghfirin - Wednesday, April 3, 2013

Belum ada komentar untuk "Cara Membuat Link Bergerak Atau Bergoyang (Link Nudging)"

Post a Comment