wonogiri48

 
Assalamualaikum sob, bertemu lagi bersama admin wng 48 dalam label TUTORIAL BLOG dengan judul cara membuat efek loading di blog. langsung aja dari pada panjang lebar ane jelasin caranya
1. login to blogger
2 . pilih ke menu template
3. 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/AVvXsEhxpNGnzhbc70odwsYduPo4Yog125aq6cw9hT61vLXKyHvEUFboUzBsHL5zv88qNttAGXSIfmXH6OSf8qeqZ_Qcv9ndhou1y5E8dQTWm56WVtznA1w4qPnYYsNos0PCD-GahJshqfLW5Q/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/AVvXsEhxpNGnzhbc70odwsYduPo4Yog125aq6cw9hT61vLXKyHvEUFboUzBsHL5zv88qNttAGXSIfmXH6OSf8qeqZ_Qcv9ndhou1y5E8dQTWm56WVtznA1w4qPnYYsNos0PCD-GahJshqfLW5Q/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