Cara Membuat Efek Loading Page Pada Blogger

Cara Membuat Efek Loading Page Pada Blogger



بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Cara Membuat Efek Loading Page Pada Blogger. Buat para blogger yang senang dengan efek-efek yang lumayan menarik, nih vikry punya trik yaitu Cara Membuat Efek Loading Page Pada Blogger.


Mau tau previewnya??? ok ok nih contohnya bisa dilihat DISINI

Gimana??? sobat tertarik kah????



klo iya nih langsung aja ya Cara Membuat Efek Loading Page Pada Blogger
  • login blog
  • buka menu rancangan >> edit HTML
  • 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>
  • simpan deh...