About Me

Foto Saya
AthieR (GOoD Time)
Lihat profil lengkapku

Kamis, 16 Agustus 2012

Loading page trick fOr bLog

Trik ini adalah trik yan pernah di share oleh master joy crazydavinci. Saya hanya ingin menambahkan bagaimana menerapkannya pada blogspot, karena blog saya sendiri memakai blogspot. Loading page ini sangat sederhana namun menarik menurut saya. Jika kamu berminat silahkan praktekkan dan terapkan di blog kamu.


Ok langsung ke caranya :

*Pertama , Letakkan kode berikut dalam tag <head> atau lebih baik letakkan 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>

*Kemudian letakkan kode <div id="page">  berikut tepat di bawah kode <body>
*Dan tambahkan kode </div> tepat di atas kode </body> 

*Maka contohnya akan menjadi seperti ini :

<html>
<head>
blah blah…
</head>
<body>
      <div id="page">
      <div></div>
      blah blah…
      <div></div>
      </div>
</body>

semOga bRmanfaat...!!


1 komentar:

ga ngerti coy simple aja tutornya lah

Posting Komentar

Daftar Isi Cyber remoxp-vj™

.-= fUntastic mUsic =-.

  • Banner Link

remoxp-vj.blogspot.com. Diberdayakan oleh Blogger.

  • Banner Link

Pengikut bLog


close
 
Copyright© 2011 ---== cyber remoxp-vj™ ==---- | Template Blogger Designer by : RAJANI SINURAT' |
Template Name | Cyber remoxp-vj™ : Version 1.0 | BoysstReet Up'z