Berbeda dengan efek loading yang pernah saya posting dahulu yaitu  Animasi Loading, dengan yang sekarang ini yang akan saya bagikan kepada Anda semua,khususnya para blogger indonesia (kok jadi nglantur ya ngomongnya...hehehe) yaitu Efek Simple Loading Pada Blog dengan jQuery yang menurut saya cukup simple.

Sebenarnya tidak jauh berbeda pada animasi loading, kalau animasi loading ada animasinya yaitu berbentuk bola yang berputar, tapi efek loading kali ini cukup sederhana yaitu membuat layar menjadi blank ketika loading (bukan lagi hank ya pc nya), lebih tepatnya efek yang menyembunyikan atau menunjukkan suatu elemen dengan memudar.


Untuk cara pemasangan bisa anda lihat di bawah ini

1. Masuk ke blog anda
2. Kemudian pilih Template
3. Untuk berjaga-jaga jangan sampai terjadi kesalahan, Download Full Template anda terlebih dahulu
4. Selanjutnya pilih EDIT HTML

5. Klik di manapun dalam kode area lalu tekan CTRL + F dan cari kode </head>

6.Copy kode dibawah ini tepat diatas </head> kemudian letakkan kode di bawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$("body").css("z-index", "-10");
$("body").fadeIn(0);
$("a").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("body").fadeOut(500, redirectPage); });
function redirectPage() {
window.location = linkLocation;
}
});
//]]>
</script>
<style>
html {
background-color: #000000; /* Color fading */
}
</style>

7) Simpan perubahan .

Tambahan :

•  Jika kode yang berwarna merah di blog Anda sudah ada maka, kode diatas tidak usah ditambahkan.

• Untuk anda yang ingin menyesuaikan warna loading nya dengan warna lain, ganti tulisan #000000;  diatas dengan kode warna yang diinginkan untuk warna memudar dari loading ini.

Itulah sedikit tutorial tentang cara membuat efek loading pada blog, semoga Blog anda akan lebih cantik dengan menggunakan efek seperti di atas.