Assalamu'alaikum. Wr. Wb.
Di hari ini aq ingin share sebuah tips blogging yang bisa kita gunakan untuk membuat animasi booting sebuah blog agar terlihat lebih menarik. Jadi tidak hanya komputer saja yang bisa memiliki animasi saat booting.. Hehe
Mungkin masih ada di antara
sobat ruki-zone semua yang masih belum mengetahui trik yang satu ini.
Untuk itu ruki-zone mencoba untuk membagikannya kepada sobat-sobat semua yang mungkin ingin mencobanya.
Oke, kita langsung saja ke langkah pembuatannya.
Kedua, tambahkan kode berikut di atas kode </head>.
<!-- Loading Page Script – ruki-zone – http://ruki-zone.com -->
<style type="text/css">
/* add loading image */
body {
background:#000000 url(http://3.bp.blogspot.com/-hNO-UGQ_Kp4/T2T6WDUZLbI/AAAAAAAABg8/gWu-K9jcYdg/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
