Tuesday, August 11, 2015

Memasang Loading Blog dengan Efek Fade Out

Memasang Loading Blog dengan Efek Fade In

Memasang Loading Blog dengan Efek Fade Out - Efek fade out ini akan tampil jika sobat mengklik salah satu link yang ada di halaman blog. Efek ini hanya akan bekerja di halaman index atau halaman utama saja.

Cara penerapannya pun cukup mudah, silakan ikuti langkah berikut :

1. Buka Blogger > Template > Edit HTML > Tambahkan script di bawah ini tepat sebelum </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
// Fade Out Effect
$(document).ready(function(){function n(){window.location=linkLocation}$("body").css("z-index","-10"),$("body").fadeIn(5e3),$("a").click(function(o){o.preventDefault(),linkLocation=this.href,$("body").fadeOut(1e3,n)})});
//]]>
</script>
</b:if>
</b:if>

2. Simpan template dan lihat hasilnya.

Load disqus comments

2 comments

Silakan tambahkan komentar sesuai dengan topik, terima kasih.