EFEK LINK BERJALAN "NUDGING"
1. Sign In Di Blogger 2. Klik Menu Rancangan 3. Klik Menu Edit HTML 4. Copy Kode Dibawah Ini, Lalu Pastekan Di Bawah Kode <head>
1. Sign In Di Blogger
2. Klik Menu Rancangan
3. Klik Menu Edit HTML
<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() {
$('#BlogArchive1 li').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->
5. Klik Simpan Template
6.
Perintah BlogArchive1 adalah Perintah yang Memberikan Efek Link Berjalan "Nudging" Pada Semua Link yang ada di Widget Arsip BlogKamu dapat Menambah atau Merubah BlogArchive1 tersebut Dengan ID Widget Yang Ingin di Berikan Efek Link Berjalan "Nudging"Kamu dapat Mengetahui ID Widget yang Ada di Blogmu dengan Mencari Kode <b:widget id='BlogArchive1' dan di Sana Terlihat Semua ID Widgetmu
4 komentar
Efek link nudging sebenarnya bisa hanya dengan menggunakan CSS3 tanpa Javascipt, hanya jika dilihat di peramban FF pergerakannya tidak sehalus jika kita melihat di peramban webkit. Contoh kodenya seperti ini :
Reply-webkit-transition: padding .4s;
-moz-transition: padding .4s;
-o-transition: padding .4s;
transition: padding .4s;
ok bang Rudy Azhar...
Replyjd bingung nich mana yang bagus...
Js atau CSS3 transition???
Ya, kalau mau terlihat bagus efeknya di hampir semua peramban sebaiknya pakai JS, tapi resiko loading agak lebih lambat aja gitu.
Replyoke bg.
Replytrmikasih udh berKunjug dan udh berkomentar....