Memasang Gambar Loading pada Blog

Berhubung ada Yang minta request trik ini, yaa saya share aja. Kan saya baik hati dan rajin menabung :p
Trik ini beda dengan yang lain kok, tapi cukup sedikit agak ribet sih ._.v tapi coba dulu aja gan siapa tau atau sekalian belajar bermain script :v saya saja utak-atik script ini untuk meminimalizir scriptnya tapi tetep aja panjang :p

Saya meminimalizir script ini terinspirasi dari DickeyMaru, blog anime yang udah terkenal karena Authornya yg maho :v Langsung aja gan


<script>
var BOTnameload = 'Connecting...'
var BOTimageload = 'http://statik.fackhost.com/files/BOTLoaderImage'
var BOTwaktumaxload = '10000'
</script>
<script src="http://vhk.googlecode.com/files/BOTloaderv1.js" type="text/javascript"></script>

<!-- Start BOT Loader Page -->
<div id="prepage" style="-moz-opacity: .75; _left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth-offsetWidth); _position: absolute; _top: expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-offsetHeight); background-color: black; border: 0px; clip: inherit; color: #cccccc; filter: alpha(opacity=75); font-family: verdana; font-weight: bold; height: 100%; opacity: .75; padding: 0px; position: fixed; right: 0px; text-align: center; top: 0px; width: 100%;">
<script type="text/javascript">PreLoading();</script></div>
<!-- End BOT Loader Page -->

Penjelasaanya tentang Loader Blog :
  1. Connecting...
    Kode yang berwarna Biru Muda, ganti dengan Nama yang cocok menurut anda untuk Ini
  2. http://statik.fackhost.com/files/BOTLoaderImage
    Kode yang berwarna Merah, ganti dengan Link Gambar loading kalian sendiri, atau pakai saja itu kalo gak mau ribet :p
  3. 10000
    Kode yang berwarna Kuning, ganti dengan waktu yang kalian suka untuk loading pagenya, pikir sendiri yaa ._.v
Langkah-langkah Memasukan Scriptnya:

1.  Memasukan Kedalam HTML/Javascript
<script>
var BOTnameload = 'Connecting...'
var BOTimageload = 'http://statik.fackhost.com/files/BOTLoaderImage'
var BOTwaktumaxload = '10000'
</script>
<script src="http://vhk.googlecode.com/files/BOTloaderv1.js" type="text/javascript"></script>
  1. Masuk Dashbor Blog
  2. Klik Tata Letak
  3. Klik add Gadget terserah ditempatkan dimana aja ex: sidebar atau footer pun bisa.
  4. Pilih HTML/Javscript
  5. Copy/Pastekan Code diatas Lalu klik simpan
  6. Silahkan lihat blog sobat :)

2.  Memasukan Kedalam Body
<!-- Start BOT Loader Page -->
<div id="prepage" style="-moz-opacity: .75; _left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth-offsetWidth); _position: absolute; _top: expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-offsetHeight); background-color: black; border: 0px; clip: inherit; color: #cccccc; filter: alpha(opacity=75); font-family: verdana; font-weight: bold; height: 100%; opacity: .75; padding: 0px; position: fixed; right: 0px; text-align: center; top: 0px; width: 100%;">
<script type="text/javascript">PreLoading();</script></div>
<!-- End BOT Loader Page -->
  • Copy kode diatas setelah <body>


 Tambahkan kode onLoad='PreloadPage();' pada <body .... hasilnya akan seperti ini <body onLoad='PreloadPage()'>


Oke cukup segitu trik yang saya buat, untuk trik tips lainnya nanti bakal saya update lain waktu, kalo memang ada yang error cukup komentar saja, biar saya perbaiki scriptnya :)