Pasang Animasi Status Page Loading Di Blogger

Ok pribadi aja ya, sesuai kesepakatan aku kemaren untuk menuliskan tutorial cara pasang gambar status page loading ini di blogger, yang belum sempat baca silahkan simak dulu isu sebelumnya tentang Page preloader disini.

Pertama, pilih saja dulu salah satu animasi preloader dari dua layanan ini Preloader atau Ajaxload, lalu simpan hasil gambar dalam format gif tersebut. Kalo sudah, silahkan upload file gambar tadi ke hosting anda (yang gratis sanggup pake geocities.com)

Langkah kedua silahkan buka notepad anda, lalu simpan arahan dibawah ini dengan nama preloader.js (pastikan ekstensi berakhiran JS, bukan TXT)

Baca Juga

var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;

if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

Kalo sudah, silahkan upload file preloader.js ke hosting anda (yang gratis sanggup pake geocities.com)

Cara Pasang di blogger:

Langsung tuju saja ke alamat EditHTML, cari tag <body> Kemudian ganti tag <body> dengan arahan dibawah ini, janga lupa ganti arahan warna merah dibawah dan sesuaikan sendiri dengan lokasi alamat penyimpanan gambar dan file JS anda.

Untuk mengubah penempatan gambar loading silahkan atur sendiri pada arahan text-align:center (silahkan bermain saja dengan arahan center, coba ganti dengan left, right, top atau bottom). Sebenarnya masih banyak trik lainnya, silahkan dikembangkan sendiri ya.

Perhatian! saya belum sanggup isu apakah merubah tag <body> ini melanggar TOS blogger apa tidak, jadi aku sarankan jangan di coba pribadi di blog utama. silahkan bereksperimen di blog uji coba anda . Kalau terjadi apa2 jangan salahkan aku OK! :)