Kamis, 05 April 2012

Membuat efek loading pada blog

Tertarik Sob?. Pengen langsung bikin?.

Eits lirik dulu artikel ini, artikel ini beda dari efek loading yang lain karena Efek Loading pada blog ini tidak harus upload dulu kodenya dan lain-lain!

langsung saja ya!






  • login blog
  • buka menu rancangan >> edit HTML
  • centang 
  • lalu cari kode </head>
  • dan letakkan kode dibawah ini tepat diatas kode </head>
<!-- Loading Page Script – vikrymadz – http://vikrymadz.blogspot.com -->
<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>




  • lalu cari kode <body>
  • lalu letakkan kode dibawah ini dibawah kode diatas

<div id="page">

  • cari lagi kode </body>
  • dan taruh kode </div> diatas kode </body>
  • Pratinjau dulu baru simpan deh...
Jiah Cukup Mudah kan!

Tidak ada komentar:

Posting Komentar