Senin, 06 Agustus 2012

Cara Membuat Efek Loading Page Di Blogger



1. Login ke blog sobat
2. Buka menu rancangan ->> edit HTML
3. Cari kode </head>
4. Letakkan kode dibawah ini tepat diatas kode </head>

<style type="text/css"> /* add loading image */ body { background:#4B4B4B url(http://i1125.photobucket.com/albums/l581/Anthzo/loading3.gif) no-repeat fixed center; } /* hide page div */ #page{ display:none; } </style><br /> <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><br /> <!-- Loading Page Script – http://cheatninjasaga-umum.blogspot.com/ -->

5. Kemudian cari kode <body>
6. Letakkan kode dibawah ini dibawah kode diatas






<div id="page">
7. Cari kode </body>
8. Taruh kode </div> diatas kode </body>
9. Simpan dan Lihat hasilnya...!...
Info (+) :
- Link http://i1125.photobucket.com/albums/l581/Anthzo/loading3.gif bisa di ganti sesuka hati sobat

Tidak ada komentar:

Posting Komentar