Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Selasa, 25 Mei 2010

Membuat Efek Link dengan Jquery

Kategori :
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>

    Membuat Efek Link dengan JqueryMembuat Efek Link dengan Jquery
  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>


    Membuat Efek Link dengan Jquery
  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 :
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

5 Komentar untuk Membuat Efek Link dengan Jquery

Mantaff postingannya mas, copy scriptnya dulu yach untuk coba2

Mnataf. langsung dikopi gan .. ;)

okme, thx tutorialnya, mau di coba dulu....

bener2 sesuai ama judul blognya oketrik, thx udah share.....