Friday, February 17, 2012

Cara Membuat Efek Fade JQuery Pada Gambar

Cara Membuat Efek Fade JQuery Pada Gambar| Tutorial singkat ini menjelaskan cara menambahkan efek memudar jquery untuk gambar sobat di blog. Sangat mudah dan Sobat dapat melakukannya kurang dari satu menit. Efek ini akan menambahkan beberapa penampilan yang menarik. Langsung saja ikuti langkah-langkahnya dibawah ini:
1.Login ke dashboard blogger, pilih tata letak edit html
2.Cari kode <head>, tekan ctrl dan f secara bersamaan untuk mempercepat pencarian
3.Copy kode di bawah ini dan paste tepat sebelum </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/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>


4. Simpan dan selesai
Semoga dapat bermanfa'at

G+

Komentar Anda

 
Indoking (Kumpulan Berbagai Macam Informasi) © Copyright 2015 - Designed by Muhammad Iqbal
Back to top
Selamat Datang di www.indoking.blogspot.co.id (Download Mp3, Software, Games, Film, ebook, Chord Gitar, Tips and Trick, Operator Sekolah, Android, dll). Terima Kasih Atas Kunjungannya, Jangan lupa Komentarnya, Dan Berkunjunglah Kembali Untuk Mendapatkan Informasi Terbaru 2016.