Cara membuat link bergerak/bergoyang di blog, Link Nudging adalah suatu efek yang bergerak atau bergoyang dari sebuah/beberapa links yang ditimbulkan dari penerapan jQuery pada template di sebuah website ataupun blog. Mungkin dari kita biasa menyebutnya dengan Link Bergoyang/Bergerak atau menari, selain itu efek jQuery ini juga bisa diterapkan pada sebuah gambar (image)
Untuk sobat blogger yang gemar utak atik blog mungkin bisa mencoba trik link bergerak yang satu ini dan saya rasa bisa membuat blog sobat unik dan menarik. Sebagai contoh sobat bisa melihat link bergoyang/nudging pada label yang ada di sidebar blog saya ini, efek ini menggunakan script jQuery yang menurut saya sangat ringan ketika di-load dan penerapannya juga lumayan gampang, sama halnya seperti tombol back to top yang beberapa waktu lalu saya jelaskan yang sama-sama menggunakan jQuery.
Cara Pasang Efek jQuery Link Nudging/Bergoyang pada Label Blog
- Login di Blogger
- Masuk ke bagian Edit HTML pada template
- Centang pada bagian Expand Widget Template
- Cari kode </head>
- 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() {
$('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 sobat, kode itu tidak usah di pasang lagi jadi sobat hanya perlu memasang kode dibawahnya saja, Kemudian huruf yang berwarna biru diatas adalah widget id pada label, sobat bisa sesuaikan pada label id di blog sobat. 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>
Kemudian untuk membuat Link Nudging manual pada setiap link apakah itu didalam postingan ataupun widget sobat bisa menambahkan class="nudge" seperti dibawah ini
<a href="http://bloggerpeer.blogspot.com" class="nudge">Blogger Peer</a>
Dan untuk membuat gambar bergoyang / Image nudging sobat bisa membuatnya seperti dibawah ini
<a href=http://bloggerpeer.blogspot.com" class="nudge"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfUOSpruz6n_nZQG3CAzvxZnqOhwYX8c9otpB3DSq71SaZhGuE1A7xbiH4C-WJs2v6OAjiCxNF4NTAY9pWPzRiN9F1Kti7pNSmElQfYEQ1wutozN752GpdfGNGt8ijXD18wU8qQisVMUA/s400/Tips-Trik-Blogger-Tutorial-SEO-Info-BloggerPeer-Blogspot.jpg"/></a>
download Cara Membuat Link Bergerak Bergoyang / Nudging di Blog subtitle indonesia samehadaku, nonton Cara Membuat Link Bergerak Bergoyang / Nudging di Blog Sub indo awsubs, Cara Membuat Link Bergerak Bergoyang / Nudging di Blog Bahasa indonesia animeindo, Cara Membuat Link Bergerak Bergoyang / Nudging di Blog Sub indonesia naruchigo mangaku, Cara Membuat Link Bergerak Bergoyang / Nudging di Blog mangachan, Cara Membuat Link Bergerak Bergoyang / Nudging di Blog mp3, Cara Membuat Link Bergerak Bergoyang / Nudging di Blog mp4, Cara Membuat Link Bergerak Bergoyang / Nudging di Blog 720p,Cara Membuat Link Bergerak Bergoyang / Nudging di Blog hd sub indo, Cara Membuat Link Bergerak Bergoyang / Nudging di Blog ost
Cara Membuat Link Bergerak Bergoyang / Nudging di Blog
,Cara Membuat Link Bergerak Bergoyang / Nudging di Blog sub indo
nonton Cara Membuat Link Bergerak Bergoyang / Nudging di Blog sub indo awsubs, sub indo Cara Membuat Link Bergerak Bergoyang / Nudging di Blog episode, episode Cara Membuat Link Bergerak Bergoyang / Nudging di Blog indonesia oploverz, Download Anime Cara Membuat Link Bergerak Bergoyang / Nudging di Blog Google Drive, download anime BD Cara Membuat Link Bergerak Bergoyang / Nudging di Blog 3gp,Cara Membuat Link Bergerak Bergoyang / Nudging di Blog mp4,Cara Membuat Link Bergerak Bergoyang / Nudging di Blog mkv, Cara Membuat Link Bergerak Bergoyang / Nudging di Blog google drive, Cara Membuat Link Bergerak Bergoyang / Nudging di Blog 480p,Cara Membuat Link Bergerak Bergoyang / Nudging di Blog 720p, sub indo Cara Membuat Link Bergerak Bergoyang / Nudging di Blog,download naruto sub indo, naruto shippuden sub indo, download naruto shipuden sub indo, nonton naruto sub indo, naruto subtitle indonesia, naruto episode indonesia, naruto episode 465 sub indo, download naruto episode, download one piece sub indo, one piece sub indo, download one piece sub indo, nonton one piece sub indo, one piece subtitle indonesia, one piece episode indonesia, Cara Membuat Link Bergerak Bergoyang / Nudging di Blog batch animeindo, download one piece episode, one piece animeindo, naruto animeindo, naruto awsubs, one piece awsubs
EmoticonEmoticon