Memasang Loading Blog dengan Efek Fade Out

8/11/2015
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.

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

2 comments

masih bingung efeknya gmna ._. minta demo donk :D

Balas

Silakan tambahkan komentar sesuai dengan topik, terima kasih.