} -->
Tampilkan postingan dengan label Cara Membuat Efek Loading Page Pada Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Cara Membuat Efek Loading Page Pada Blogger. Tampilkan semua postingan

Minggu, 24 Juni 2012

Membuat Efek Loading



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


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

Gimana??? KAMU tertarik gak????


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>

Klik show untuk melihat

<!-- 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
lalu letakkan kode dibawah ini dibawah kode diatas

<div id="page">

cari lagi kode </body>
dan taruh kode  </div>   diatas kode </body>
simpan deh...

Bemoga Bermanpaat