Selasa, 17 Januari 2012

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, Saya punya trik yaitu Cara Membuat Efek Loading Page Pada Blogger.


Mau tau previewnya??? Ok. nih contohnya bisa dilihat DISINI

Gimana??? sobat tertarik kah????



kalau iya,  langsung saja 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>
  • lalu simpan deh...
Share:

1 komentar:

  1. gimana cara nyiasatin buat blog yang di tamplatenya tidak ada code "body" nya gan?

    BalasHapus

Ads

Followers

Site Info