0 Cara Membuat Efek Loading Halaman Pada Blog



kembali lagi dengan artikel tentang dunia blogging, kal ini saya akan membongkar rahasia membahas Cara Membuat Efek Loading Halaman Pada Blog, jadi jika pengunjung blog kita sedang membuka blog kita pasti-kan memakai loading, dengan memakai trik ini efek loading blog kita jadi lebih menarik. sebagai contoh silakan buka web demo ini . nah.. begitulah maksud dari trik ini.. bagi yang berminat langsung ikuti tutorial dibawah ini 

Cara Membuat Efek Loading Halaman Pada Blog
  • loggin ke blog kalian
  • buka menu rancangan --> pilih menu edit HTML
  • lalu cari kode  </head>
  • lalu letakkan kode dibawah ini, tepat diatas kode  </head>
<!-- Loading Page Script – nofal-sama77 – http://nofal-sama77.blogspot.com -->
<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(http://i1226.photobucket.com/albums/ee408/nofal-sama77/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, tepat dibawah kode  <body>
    <div id="page">

  • cari lagi kode  </body>  
  • lalu taruh kode  </div>  diatas kode  </body>  
  • lalu save dehhhh
---selesai--- semoga bermanfaat HAppY BLOGging :)
Credit by : Naufal Sama 77
Editor By : Rahman De Cheaterz


RB Related Post:

0 komentar:

Poskan Komentar

Saya Mohon Maaf Kalau Komentar Anda Tidak Saya Balas Karena Ada Urusan Di Dunia Nyata
Silahkan Liat Gambar Komentar Di Bawah ini

™Selamat Datang Sobat!Kunjungan Anda Sangat Berarti Bagi Saya. Dan Jangan Lupa Juga Kunjungin Balik Ya Blog Saya.™
 
--= [ Copyright © 2012 Rahman Chandra Modified By Rahman Blog Powered By Blogger ] =--