Untuk mengubah dan menambahi variasi pada blog banyak sekali option yang bisa dipilih, salah satunya adalah dengan memberikan efek animasi status loading pada blog. Cara ini dijamin akan mendongkrak tampilan blog agar terlihat lebih indah dan modern he3 ... Dengan memasangnya nanti pada waktu blog anda dibuka, sebelum halaman blog anda terbuka keseluruhan akan ditampilkan semacam image loading yang atraktif. Banyak sekali pilihan animasi loding yang bisa ditampilkan, tinggal pilih sesuai selera sobat, contohnya di bawah ini :
dan masih banyak lagi model yang lainya.
Langsung aja langkah membuatnya :
1. Membuat file js, lalu menyimpan ke hosting script, kemudian memasukkan script pada template editor. Silakan masuk ke Ajax Load dan buat image loading pilihan anda dahulu dan silakan simpan di hosting file langganan anda.
2. Menyimpan file script ke hosting. Silakan buka notepad anda kemudian copy code dibawah ini, lalu simpan dengan nama misalnya : preloader.js, codenya dibawah ini :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";
}
NB : Jangan sampai salah simpan dengan ekstensi js.
3. Memasukkan script pada template editor :
<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://URL Lokasi Simpan.Image'/></div><script src='http://URL Lokasi Simpan Script js' type='text/javascript'/>;Keterangan :
+ Ganti huruf yang berwarna merah sesuai dengan Punya sobat.
+ Untuk peletakkanya anda bisa mengatur pada tulisan text:align center mau diletakkan ditengah atau disamping terserah.
4. Simpan Template dan selesai.
thank you
ReplyDeletemakasih gan informasinya
ReplyDeletekalo bisa kunjungi balik ya blog ku gan
disini informasinya sangat banyak menarik semua
nice post :D
ReplyDeletekunbal ya om
This comment has been removed by a blog administrator.
ReplyDeletemksh gan
ReplyDelete