Efek blur tranparansi yang ditampilkan menggunakan Opacity jQuery ternyata lebih halus jika dibanding dengan Opacity CSS, dan sepertinya juga support di semua browser, asalkan pada browsernya tetap mengaktifkan Enable Javascript pada browser yang sobat pakai. Untuk melihat contoh efek gambar yang dihasilkan jQuery silahkan langsung aja sorot pada sample gambar-gambar di bawah ini.
OK, langsung ke tutorial saja ya...
Buka halaman Edit HTML kemudian letakan script dibawah ini di bawah kode ]]></b:skin>
<script type='text/javascript'>
$(document).ready(function(){
$(".efekanimasi").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".efekanimasi").hover(function(){
$(this).fadeTo("slow", 0.6); // 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>
Contoh manual memasang efeknya pada gambar :
<img class="efekanimasi" src="url alamat gambar"/>Sebenarnya ada cara lain yang lebih mudah dimana kita bisa langsung mengaktifkan efek gambar ini disemua image pada halaman posting. Caranya, copy paste aja script dibawah ini, dan letakan saja dibawah kode ]]></b:skin> atau dibawah script yang sudah kita masukan sebelumnya.
<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.6); // 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>
Sips....semoga bermanfaat untuk Sobat Blogger Semua ^_^
Seandainya segala sesuatu yang telah saya berikan ini bermanfaat bagi rekan-rekan semua.Sungguh saya ucapkan banyak Doa dan terimakasih kepada Mu Allah.SWT yang telah memberikan nikmat Berbagi sesama manusia dengan niat kebaikan dan kemajuan Negeriku ini..
Untuk mengganti tampilan adsense google yang menampilkan Iklan Layanan Masyarakat tersebut dengan adsense lokal. Anda harus mengupload script adsense lokal dengan extensi html kelayanan webhosting anda.
Bagi anda yang mempunyai keterbatasan ruang untuk meletakan widget Recent Comments, Saya akan mencoba membantu anda untuk membuat "Widget Recent comments" dengan efek overlay.
Efek yang akan saya bahas kali ini adalah membuat tampilan Guestbook dan status twitter melayang dan berada ditengah - tengah halaman blog. Kita akan menyediakan menu guestbook pada sisi kiri halaman. 
Headline akan menggulung ke atas dengan sentuhan fade out ,seakan konten tersebut hilang dengan perlahan dan konten yang berada di bawahnya akan naik ke atas mengganti konten sebelumnya.
Umumnya Navigasi halaman dengan angka ini sering kita jumpai pada blog berplatform Wordpress. Namun bagi anda yang menggunakan platform Blogspot tak perlu berkecil hati, karena blogspot pun bisa mengadopsi tampilan NEXT dan PREV dengan widget Page Navigation Number.
Untuk meletakan Adsense didalam postingan, anda harus meletakan kode Script ads tersebut langsung ke template HTML blogspot. Sebagai langkah awal, silahkan anda login ke 
0 comments:
Post a Comment
Silahkan tinggalkan komentar anda dan harap tidak melakukan Spam..!!