Sabtu, 12 November 2011

Membuat Link Bergerak Saat di Sentuh Kursor Mouse

        Tentu para blogger - blogger terus berupaya untuk memperbagus tampilan blogspotnya. Kini saya mencoba menshare cara membuat link bergerak saat di sentuh oleh kursor mouse. Cara ini menggunakan jquery, jadi penggunaan nya tidak begitu sulit. so,,,, kita langsung aja ke pembahasan .
Caranya adalah :
  • Login ke Blog anda. Klik Tab Rancangan/Setting
  • Kemudian, klik Edit HTML
  • Jagan lupa untuk mendownload template anda terlebih dulu sebelum terjadi ke erorran.hehehe,,,
  • Lalu anda cari kode ini </head>
  • Copy kode berikut, dan letakkan 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>
  • Lalu Simpan Template,,dan lihat hasilnya......Coba kita arahkan kursor mouse ke link yang ada...
 Sekian.....Semoga Bermanfaat untuk kita semua...>>>>>

Tidak ada komentar:

Poskan Komentar