English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Selasa, 02 Agustus 2011

Loading Page Trick

Bismillaah, sebenarnya tutorial ini telah dijelaskan oleh Joy CrazyDavinci. Namun, saya ingin menerapkannya di blogspot saya. Ingin tau seperti apakah itu ?? Lihat disini

Mau tau caranya ?

Pertama, Login ke Blogger. Lalu pilih rancangan. Setelah itu pilih Edit HTML.

Kedua, tempatkan script ini tepat di atas kode </head>



<!-- Loading Page Script – CrazyDaVinci – http://crazydavinci.net -->
<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(http://static.int.crazydavinci.net/images/loading.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>





Ketiga, tempatkan <div id="page"> tepat di bawah tag <body>




Keempat, tempatkan </div> tepat dia atas tag </body>




Nah, bagaimana, mudah kan ??


Wallaahu'alam bisshawwab..


Mohon maaf apabila ada kesalahan


Disusun Oleh :

Abdul Aziz, seorang pelajar SMP sekuler. Dan seorang penuntut ‘ilmu Islam. Follow me on Twitter @slfslf .

Disusun pada : 2 Ramadhan 1432 H / 2 Agustus 2011 M (11.15)

0 komentar:

Posting Komentar

Chat & Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More