Membuat Efek Link dengan Jquery

Membuat Efek Link Dengan Jquery. Banyak sekali efek-efek untuk menghiasi blog atau web anda salah satunya yaitu memberi efek pada link. maksudnya apabila link disentuh dengan kursor maka efek tesebut akan menimbulkan efek buram. Dengan menggunakan jquery kita dapat membuat efek ini di blog kita atau web kita. trik ini juga bisa anda modifikasi agar yang diberikan efek tidak hanya link saja namun pada gambar atau image juga bisa (untuk demo lihat dsini).

Sekarang mari kita lihat langkah-langkahnya oke :

1. Seperti biasa login ke blogger
2. masuk ke Tata Letak => Edit HTML
3. cari kode </head> lalu masukan kode di bawah ini tepat di atasnya
   (catatan : Apabila sobat sudah mempunyai kode ini tidak usah di masukan lagi)
   
   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'></script>
   
   
4. setelah itu masukan kode di bawah ini tepat di bawah kode di atas
   
   <script type='text/javascript'>
   $(document).ready(function() {
   $('a').hover(function() { //mouse in
   $(this).animate({ opacity: '0.5' } , 1000);
   }, function() { //mouse out
   $(this).animate({ opacity: '1' }, 1000);
   });
   });
   </script>
   
   
   
5. Setelah itu simpan deh
6. Selesai

Dalam menggunakan Efek Link dengan Jquery tidak terlalu memberatkan blog sobat karena script yang digunakan tidak terlalu banyak. mungkin hanya sekian yang bisa saya bagikan terlebih dahulu untuk ke depannya pasti ada trik-trik yang lebih menarik lagi dari trik ini jadi selalu jadi pengunjung setia oketrik ya ^_^. Terima kasih dan Happy Blogging .

Efek blog yang lainnya :

• efek Memindahkan Gambar
• Membuat panah naik turun
• Membuat Teks Melayang berjalan
  

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg