setelah lama sekali vakum dari dunia per-bloging-an (haha alay) akhirnya bisa bloging dan berbagi lagi dengan kawan-kawan sekalian
nah, kali ini saya akan berbagi tentang caranya "Membuat Loading Page Saat Masuk Blog"
nah, kalau lihat judulnya saja, lihat kata-katanya "loading" pastinya sudah tau dengan yang saya maksud. Kalau belum tau, dicoba aja, nanti pasti tau juga, contohnya bisa lihat saat kalian mengakses blog ini dan sedang loading pasti keliatan ada animasi loadingnya :D :P
ok, langsung ke TKP saja kawan :)
1. Login Blogger
2. Masuk ke menu Template
3. Pilih Edit HTML
4. cari kode </head> lalu paste kode berikut tepat diatasnya :)
<!-- Loading Page Script -->
<style type='text/css'>
/* add loading image */
body {
background:#4B4B4B url(http://fc03.deviantart.net/fs71/f/2013/003/6/9/partart_loading_boredoom_6_by_g2k2007-d5q8zyt.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>
5. setelah tercopy kalian cari kode <body> lalu paste kode berikut tepat disamping atau dibawahnya :)
<div id='page'>
6. selanjutnya cari kode penutup </body> dan paste kode penutup </div> tepat diatasnya
7. simpan dan lihat hasilnya
nais post gan :)
ReplyDeleteijin sedot om :D
ReplyDeletehebaaaattt :)
ReplyDelete