Pages

cara membuat efek loading page pada blog

Diposting oleh mukti bawono wicaksono on Minggu, 04 Maret 2012

Share on :
Cara Membuat Efek Loading Page Pada Blogger. Buat para blogger yang senang dengan efek-efek yang lumayan menarik, nih saya 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...

{ 0 komentar... read them below or add one }

Posting Komentar