JeritanBlog telah ditukar nama BelajarBlogs...
Home » » Tambahkan kesan Blur pada gambar dengan jQuery

Tambahkan kesan Blur pada gambar dengan jQuery


Saya akan membuat tutorial cara untuk menggunakan blur dengan imej pada blog.Gambar akan kabur apabila meletakkan cursor pada gambar. Di Post ini  saya akan menunjukkan kepada anda bagaimana untuk semua imej di blog anda yang jelas tetapi mereka akan kabur apabila anda letak cursor anda ke atas mereka .

 Pasang Slide Out Butang Follower

Bagaimana Untuk Tambah jQuery kesan kabur pada gambar



Langkah 1) Dari Blogger Dashboard, pergi Templates and klik pada Edit HTML
                     (Jangan lupa Download Copy of your template dahulu )



Langkah  2) Cari kode dibawah ini .
                      (Klik Ctrl dan F untuk bar carian untuk membantu mencari kode)

</head>



Langkah 3) Selepas itu copy kode dibawah dan pastekan di atas kode yang anda cari tadi .



<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(){
$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>


Langkah 4) Klik Save templates

Semoga berjaya.....

5 ulasan:

  1. Kenapa tak boleh follow blog ini?

    BalasPadam
    Balasan
    1. boleh klik butang follow di hujung sebelah kanan atas sekali

      Padam
  2. saya atas nama BPK. SAMSUL dari MADURA ingin mengucapkan banyak terimah kasih kepada MBAH KARYO,kalau bukan karna bantuannya munkin sekaran saya sudah terlantar dan tidak pernaah terpikirkan oleh saya kalau saya sdh bisa sesukses ini dan saya tdk menyanka klau MBAH KARYO bisa sehebat ini menembuskan semua no,,jika anda ingin seperti saya silahkan hubungi MBAH KARYO no ini 082301536999 saya yakin anda tdk akan pernah menyesal klau sudah berhubungan dgn MBAH KARYO dan jgn percaya klau ada yg menggunakan pesan ini klau bukan nama BPK. SAMSUL dan bukan nama MBAH KARYO krna itu cuma palsu.m

    BalasPadam