Memasang Loading Blog dengan Efek Fade Out
Memasang Loading Blog dengan Efek Fade Out

Memasang Loading Blog dengan Efek Fade Out

Blog Ardhana - Selamat datang di blog sederhana Ardhana Network, pada kesempatan kali ini saya akan share sedikit tutorial. Sebelumnya saya sempat share tutorial Memasang Lazy Load di Blog yang gunanya adalah untuk mempercepat loading blog.

Namun kali ini admin akan share yang masih sama berbau dengan loading blog, yakni memasang loading blog dengan efek fade out. Efek fade out ini nantinya akan tampil jika kamu mengklik salah satu link yang ada di halaman blog. Catatan penting, efek ini hanya akan bekerja di halaman index atau halaman utama saja.

Untuk cara penerapannya sangat mudah, ikuti saja tutorial yang saya jelaskan di bawah ini.

Memasang Loading Blog dengan Efek Fade Out

1. Buka Blogger>Template>Edit HTML>Tambahkan script kode 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. Langkah terakhir, simpan template kamu dan lihat hasilnya.

Cukup mudah bukan?
Demikian sedikit tutorial yang saya bagikan untuk kamu, semoga bermanfaat. Dan jangan lupa share artikel ini ke sosial media yang kamu punya. Ikuti terus Blog Ardhana dengan subscribe blog ini, dan terimakasih.

Related Posts

Load comments

Comments