• »
  • »
  • Cara Membuat Loading Page di Blogger

Cara Membuat Loading Page di Blogger

Posted by : Unknown Minggu, 06 Januari 2013



Cara Membuat Efek Loading Page Pada Blogger. Buat para blogger yang senang dengan efek-efek yang lumayan menarik, kali ini saya akan share nih  Cara Membuat Efek Loading Page Pada Blogger.
Mau lihat previewnya ? OK, untuk preview bisa dilihat DISINI
Berikut langkah langkahnya :
  • Login ke blog
  • Buka menu rancangan >> Edit HTML
  • Lalu cari kode </head>
  • Dan letakkan kode dibawah ini tepat diatas kode </head>
<!-- Loading Page Script – TRIKIS - ZONE – http://trikis-zone.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>
  • Letakkan kode dibawah ini dibawah kode diatas<div id="page">
  • Cari lagi kode </body>
  • Dan taruh kode </div> diatas kode </body>
  • Simpan dan lihat hasilnya...
KET :
*Kamu juga bisa merubah gambar loading page kamu dengan mengganti link URL gambar yang berwarna merah.

0 Comment • Leave a Reply/Tinggalkan Komentar

Anda follow saya follback, anda berkomentar saya komentar balik di blog anda , Silahkan Tinggalkan Komentar Dengan Ketentuan :
[+]Menggunakan Bahasa Yang Sopan.
[+]Dilarang Spam, Sara, Menghujat Dan Merugikan Orang Lain.
[+]Dilarang Memasang Link Hidup Di Komentar.
[+]Jika ada Pertanyaan Lebih Jauh Silahkan Hubungi Lewat Facebook Saya (https://www.facebook.com/vianz.prajuritsemut)
[+]Cantumkan Link Sumber Artikel blog ini Jika Ingin Copy Paste.
Terima Kasih Sudah Berkunjung. :D

Copyright ©2013 Dark Purple [VC V.4] • Design by DJOGZS and MAMZ • • • Google+ • ↑