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() {
$('a.nudge, .#Label1 ul li a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 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,
Anda baru saja membaca artikel yang berkategori Modifikasi Blog
dengan judul Cara Membuat Link Bergerak Atau Bergoyang (Link Nudging). Anda bisa bookmark halaman ini dengan URL http://codingngeblog.blogspot.com/2013/04/cara-membuat-link-bergerak-atau.html. Terima kasih!
Ditulis oleh:
Unknown - Wednesday, April 3, 2013
Belum ada komentar untuk "Cara Membuat Link Bergerak Atau Bergoyang (Link Nudging)"
Post a Comment