Selasa, 06 Agustus 2013

Membuat Efek Pada Link Saat di Sentuh Cursor

PT - Membuat Efek Pada Link Saat di Sentuh Cursor - Begitu banyak cara untuk membuat Blog kita terlihat begitu menarik, unik dan cantik. Salah satunya dengan Membuat Efek Pada Link. Efek yang dimaksud kali ini yaitu saat link disentuh cursor blog maka link tersebut kelap kelip berwarna warni, atau bisa juga link tersebut bergerak kekiri atau kekanan.
Memberikan Efek Pada Link Saat disentuh Cursor Blog

Lansung saja deh, buat sobat yang ingin menambahkan beberapa efek pada link saat disentuh cursor, silahkan ikuti langkah-langkah dibawah ini.

1. Cara Membuat Link Bergoyang Saat disentuh Cursor

  1. Login ke akun blogger anda
  2. klik Template > Edit HTML lalu centang pada Expand Template Widget
  3. cari kode </head>, Setelah itu letakkan kode dibawah ini tepat diatas kode </head> tersebut.
Copy Script di bawah ini:

<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() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

  1. Setelah itu simpan template dan lihat hasilnya. contoh bisa dilihat DISINI
2. Cara Membuat Link Berwarna Warni Saat disentuh Cursor
  1. Login ke Akun Blogger anda
  2. Klik Template > Edit HTML lalu centang pada Expand Template Widget
  3. Cari kode </head>, Setelah itu letakkan kode dibawah ini tepat diatas kode </head> tersebut.
  4. Copy Script di bawah ini
<script src='http://warna-warni.googlecode.com/files/warna-warni-link.js' type='text/javascript'/>

    5. Setelah itu simpan template dan lihat hasilnya. contoh bisa dilihat DISINI 
ini lah 2 efek yang bisa sobat coba.. semoga Bermanfaat..^_^

0 komentar:

Posting Komentar

◄ Posting Baru Posting Lama ►
 

Artikel Disarankan

Statistik

Ping your blog, website, or RSS feed for Free
Text Back Links Exchanges
Flag Counter

Copyright © 2012. Panduan Top - All Rights Reserved B-Seo Versi 3 by Bamz