Cara Memasang Loading Blog dengan Efek Fade Out

Cara Memasang Loading Blog dengan Efek Fade Out

Snippet

12.32

iNDZGN - Pada kesempatan kali ini admin akan share sedikit tutorial mengenai Cara 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 admin 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.

Demikian sedikit tutorial mengenai Cara Memasang Loading Blog dengan Efek Fade Out, semoga bermanfaat. Dan jangan lupa share artikel ini ke sosial media yang kamu punya. Ikuti terus iNDZGN dengan subscribe blog ini, dan terimakasih.

12.32