kali ini kita akan coba menambahkan loading screen pada blogg. seperti biasa, trik ini sya dapat dari sobat blogger "Rainboow", dan bukan hasil temuan sya sendiri. maklum, NEWBIE. ha ha ha...
berikut langkah-langkah yang harus di persiapkan dan dilakukan :
Login Blog
Buke Menu rancangan >> edit HTML
Lalu cari kode </head>
Dan letakkan kode dibawah ini tepat diatas kode </head>
<style type='text/css'>
/* add loading image */
body {
background:#000000 url(http://i383.photobucket.com/albums/oo271/stone608/Gif/loading-1.gif) no-repeat fixed center;
}
/* hide page div */
#page{
display:none;
}
</style>
<script type='text/javascript'>
function css(classORid,rules){
try{
var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);
}
catch(e){}
try{
document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);
}
catch(e){}
}
function loaded(){
css("#page","display:block!important");
css("body","background:#000 url()");
}
if(window.addEventListener)window.addEventListener("load",loaded,false);
else if(window.attachEvent)window.attachEvent("onload",loaded);
else if(document.getElementById)window.onload=loaded;
</script>
/* add loading image */
body {
background:#000000 url(http://i383.photobucket.com/albums/oo271/stone608/Gif/loading-1.gif) no-repeat fixed center;
}
/* hide page div */
#page{
display:none;
}
</style>
<script type='text/javascript'>
function css(classORid,rules){
try{
var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);
}
catch(e){}
try{
document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);
}
catch(e){}
}
function loaded(){
css("#page","display:block!important");
css("body","background:#000 url()");
}
if(window.addEventListener)window.addEventListener("load",loaded,false);
else if(window.attachEvent)window.attachEvent("onload",loaded);
else if(document.getElementById)window.onload=loaded;
</script>
Lalu cari kode <body>
Lalu letakkan kode dibawah ini dibawah kode diatas :
<div id='page'>
Dan taruh kode </div> diatas kode </body>
Save Template
Penjelasan Tulisan Yang Berwarna Merah URL Link Anda Bisa Diganti , Dan Yang Berwarna Kuning Background Warna Belakang Dari Loading Page Anda Sekian Cara Memberi Efek Loading Di Page.
Sumber : http://www.mrrainboow-xp.com
