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
Friday, February 17, 2012
0 Cara Membuat Efek Fade JQuery Pada Gambar
Subscribe to:
Post Comments (Atom)
Post a Comment
Panduan Memberi Komentar
1.Masukan komentar anda
2.Lalu pada kata 'beri komentar sebagai' , pilih account yang anda punya, bagi yang belum mempunyai account pilih Name/url, isi nama anda dan Kosongkan URL atau isi dengan alamat facebook anda(untuk mengetahui alamat facebook anda silahkan login ke facebook dan pilih profile anda, anda dapat melihat alamat Facebook anda di atas, contoh alamat Facebook punya saya http://www.facebook.com/profile.php?id=1823916177
3.dan kemudian Publikasikan
4.Selesai dan anda tinggal menunggu komentar anda muncul
Semoga bermanfa'at.