kembali lagi dengan artikel tentang dunia blogging, kal ini saya akan membongkar rahasia membahas Cara Membuat Efek Loading Halaman Pada Blog, jadi jika pengunjung blog kita sedang membuka blog kita pasti-kan memakai loading, dengan memakai trik ini efek loading blog kita jadi lebih menarik. sebagai contoh silakan buka web demo ini . nah.. begitulah maksud dari trik ini.. bagi yang berminat langsung ikuti tutorial dibawah ini
Cara Membuat Efek Loading Halaman Pada Blog
- loggin ke blog kalian
- buka menu rancangan --> pilih menu edit HTML
- lalu cari kode </head>
- lalu letakkan kode dibawah ini, tepat diatas kode </head>
<!-- Loading Page Script – nofal-sama77 – http://nofal-sama77.blogspot.com -->
<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(http://i1226.photobucket.com/albums/ee408/nofal-sama77/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>
- lalu letakkan kode dibawah ini, tepat dibawah kode <body>
<div id="page">
- cari lagi kode </body>
- lalu taruh kode </div> diatas kode </body>
- lalu save dehhhh
Credit by : Naufal Sama 77
Editor By : Rahman De Cheaterz
0 komentar:
Posting Komentar
Saya Mohon Maaf Kalau Komentar Anda Tidak Saya Balas Karena Ada Urusan Di Dunia Nyata
Silahkan Liat Gambar Komentar Di Bawah ini