Info

WELCOME

Selamat datang di Coretan YADZ MCCFLY - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini dan membaca lebih lanjut tentang artikel dunia teknik (Blogging, Pantun, Trik" handphone Dan Lain Lain) yang Kami susun. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu yang menarik

Sekilas Tentang YADZ MCFLY

Nama saya YADZ MCFLY, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...

Cara Membuat Link Bergoyang Dengan Javascript

Minggu, 28 Agustus 2011

Assalamualaikum Wr.Wb.. Pada Tutorial Blog Sebelumnya Blog Sharing Ilmu Pengetahuan  Sudah Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Form Komentar Klasik Di Atas Kotak Komentar Blog.Tetapi Kali Ini Saya Akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Cara Membuat Link Bergoyang Dengan Javascript.Link Bergoyang Adalah Link Yg Ketika Mouse Menyorotnya Akan Bergoyang Atau Bergerak Seperti Bergoyang.Link Bergoyang ini Digunakan Untuk Memperkeren Link Saja.. Nah Membuat Link Bergoyan Sangatlah Mudah,..Karna Sobat Semua Hanya Menambahkan Beberapa JavaScript..
Jika Sobat Berkenan Silakan Sobat Ikuti Langkah-Langkah Berikut:


  1. Login Ke Blog Sobat
  2. Pada Dasbor Pilih >>Rancangan-->Kemudian EDIT HTML
  3. Cari Kode </head> Dan Letakan Kode Script Berikut 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&#39;).hover(function() {  //mouse in          
$(this).animate({ marginLeft:  &#39;12px&#39; }, 400);          
}, function() { //mouse out           
$(this).animate({ marginLeft: 0 }, 400);          
});           
});</script>
 
  
4.Simpan Templatenya Dan Lihat Hasilnya 

~SELAMAT MENCOBA DAN SEMOGA BERHASIL !~

0 komentar:

Posting Komentar

 
© Copyright 2010-2011 Sharing of Knowledge All Rights Reserved.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.