Membuat Efek Loading di Blog

Membuat Efek Loading di Blog - Sahabat hanya blogger mungkin anda sudah sering melihat efek loading blog saat berselancar di dunia maya, atau sebagai contoh blog saya ini juga telah menggunakan efek loading. nah tmbul pertanyaan bagaimana cara Membuat Efek Loading di Blog? oke berikut caranya  yang saya kutip dari salah seorang rekan blogger.

Pertama tama pastikan dulu di blog sahabt sudah disisipi jquery, jika belum letakkan script di bawah ini sebelum code </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Jika sudah tambahkan css di bawah ini sebelum ]]></b:skin>

#page-loader {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9999;
  background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvK-WQ05jHTShM13oBKwfb7h_fvuViQzU4bAk0iwPRonQpaDjFH8s0CEJ3mX27fBUBqlfCfcw_Q2UBkD0rgP5gKX8o-LZjips6ON4ySb4V8yXzuBdc6YDt4LX0TOp_gWqxNQfzel2N2Q/s1600/AjaxLoader+(4).gif') no-repeat 50% 50%;
  color:white;
  padding:1em 1.2em;
  display:none;
}

Selanjutnya sisipkan scrip di bawah ini tepat di atas </body>

<script src='https://googledrive.com/host/0B6bW_MJuA-n8N1lmNFJENDZaOFU/eloading.js' type='text/javascript'/>

Simpan  template dan lihat hasilnya. Jika anda ingin mengganti tampilan loading silahkan rubah pada bagi :

background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvK-WQ05jHTShM13oBKwfb7h_fvuViQzU4bAk0iwPRonQpaDjFH8s0CEJ3mX27fBUBqlfCfcw_Q2UBkD0rgP5gKX8o-LZjips6ON4ySb4V8yXzuBdc6YDt4LX0TOp_gWqxNQfzel2N2Q/s1600/AjaxLoader+(4).gif') no-repeat 50% 50%;

sedangkan gif loading animasinya bisa anda pilih sendiri melalui website berikut ini :

http://xeosoft.com/ajaxloader

Sekian dan terima kasih