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