Heloo Sobat sobat .... kali ini saya akan mengasih tauu cara membuat Link Bergoyang, pasti baguss dehh, kalian mau tau cara nya niihhhh ane kasihh dehhh 

Cara membuatnya :

1. Login ke akun Blogger sobat

2. Pilih Rancangan -- Edit Html (download template anda untuk mengurangi resiko kesalahan peletakan script) -- centang Expand Widget Template

3. Search kode berikut </head>  ( untuk mempermudah pencarian tekan Ctrl + F / F3 )

4. Copy paste script di bawah ini Pasang kode diatas </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&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

5. Save Jika sudah selesai sobat

6. Coba lihat tampilan pada blog sobat….gimana kerenkan ? Uhuuuuyy…..hehehe

Selamat mencoba sobat dan silahkan kasih tahu am sobat blogger lain yang pemula…..Ok.

Eits jangan lupa tulis kritik dan saran di kotak komentar ya dan gabung jadi my followers……trims

Wasslamualaikum wr wb

Read More..

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 nya adalah Sebagai Berikut :

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() {
  $(&#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 --> "
  Semoga Cara Ini Bermanfaat bagi kalian Semua Wasalam

Read More..