Membuat Loading Page di Blogger

Kali ini saya akan share nih  Cara Membuat Efek Loading Page Pada Blogger.
Mau lihat Contohnya ? OK, untuk Contoh bisa dilihat Disini
Beriku Tutorialnya :

1.Login Akun Blog sobat
2.Masuk ke Template
3.Pilih Edit HTML
4.Pilih lanjutkan

5.Centang expand tempalate widget
6.Letakkan Kode Berikut Tepat Di atas 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>
7.Selanjutnya Cari Kode <body>
8.Letakkan Kode <div id="page"> Tepat Di Bawah Kode <body>
9.Cari Kode </body>
10.Letakkan Kode </div> Tepat di Atas Kode </body>
11.Save Template


NB:
"Kamu juga bisa merubah gambar loading page kamu dengan mengganti link URL gambar yang berwarna merah".

No comments:

Post a Comment

Copy Paste Merupkan Pencurian Harta intelektual, Untuk itu jika Anda Ingin Copy Paste Silahkan Mencantumkan Sumbernya. Terimakasih

© e-komputer. All rights reserved.