Membuat Animasi Booting Untuk Blog

Posted by : Mix Blogging Minggu, 15 April 2012

Pada kesempatan ini saya akan memberi ilmu tentang Membuat Animasi Booting Untuk Blog,..
Untuk membuah blog yang lebih cantik atau keren, inilah pelengka untuk membuat blog anda lebih cantik dan keren, karena merupakan salah satu Widget terpopuler (Sok tau banget kayaknya XD)
Ok, mau tau cara buatnya??,..Tetap di Kupas Ilmu,...

1.Masuk ke Akun Blogger kalian..
2.Kemudian Masuk ke dalam "Templates >> Edit HTML"
3.Cari Code dibawah ini dengan menggunakan CTRL+F atau tekan tombol F3
</head>
4.Kemudian Copy code dibawah dan pastekan diatas code </head>

<style type="text/css">
/* add loading image */
body {
background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSTgMwaQUvCPt3upegTW05BirOyndPVsT0acFr4MHhtX-JxZcP4k5_nJ_qluZFV5jHQryhLJY_U1yxZBFmY5zZ7KN68tH3sTEcd9wmfvFCw5LLBF2_YN8yb-OICmMAOvoJTT_whN0t3QA/s1600/loading_thumb%5B1%5D.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>

Ketiga, setelah sobat melakukan langkah kedua, silahkan sobat tambahkan kode <div id="page"> di bawah kode <body>.

Keempat, tambah pula kode </div> di atas kode </body> kemudian simpan hasil editan sobat tersebut dan silahkan lihat hasilnya.

Selamat mencoba ya sobat.