Sunday, 28 October 2012

Cara Membuat Link Pada Blog Menjadi Bergerak

Pasti kalian bertanya - tanya, maksud dari pada link yang bergerak itu apa ?
Maksudnya yaitu dimana saat cursor kalian digerakkan pada sebuah link, maka link tersebut akan bergerak setelah cursor menyentuh link. Seperti yang anda lihat saat ini, pada blog saya ini telah saya gunakan fitur itu.

Pastinya kalian ingin mencoba juga kan ?
Okedeh saya akan membuat tutorialnya ~
Cara Membuat Link Bergerak :

  1. Pilih Template
  2. Pilih Edit HTML
  3. Centang pada '' Expand Template Widget "
  4. Letakkan link berikut 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&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

Setelah selesai anda paste kode diatas, klik simpan template. Dan kemudian cobalah anda check apa yang terjadi.

Share ya teman ... Berhasil atau engga :D
Ntar ane bantu ngasih solusi.
Ditunggu coret-coret nya ia ...



Ditulis Oleh : UPBEAT // 12:17 am
Kategori:

0 comments:

 
Bidz. Powered by Blogger.