user online | Hits | Your Ip adress:
| Your Browse: |

Thursday 8 March 2012

Home » » Link bergerak di Blog

Link bergerak di Blog



munkin anda semua pening @ susah mencari script yang menarik untuk mencantik kan blog anda semua...
okk ...sekarang saya akan mengajar anda semua untuk membuat link bergerak ...
contoh/demo seperti blog saya ini...cube arah kan mouse pointer ke Link mana - mana sahaja...
nampak ?? ok kite mula operasi :D


tutorial

  1. Login ke Blogger.
  2. pergi di bahagian Edit HTML
  3. tick Expand Template Widget
  4. cari code </head>  dengan tekan  Ctrl + F
  5. Paste kan code di bawah di atas 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() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>




 6. Save templete

Share this story :

4 comments:

sharul aziz :D said...

wahhh
script bergune dan semart...
thnks Opitzz cyber...

shifa-farkafera said...

betul tu ..

eyma said...

thnks youu sobat...

opitz said...

terima kasih kepada yg Suke dengan entry Ini yea,,,