Cara Membuat Efek Loading Page Pada Blogger. Buat para blogger yang senang dengan efek-efek yang lumayan menarik, kali ini saya akan share nih Cara Membuat Efek Loading Page Pada Blogger.
Mau lihat previewnya ? OK, untuk preview bisa dilihat DISINI
Berikut langkah langkahnya :
Mau lihat previewnya ? OK, untuk preview bisa dilihat DISINI
Berikut langkah langkahnya :
- Login ke blog
- Buka menu rancangan >> Edit HTML
- Lalu cari kode </head>
- Dan letakkan kode dibawah ini tepat diatas kode </head>
<!-- Loading Page Script – TRIKIS - ZONE – http://trikis-zone.blogspot.com --><style type="text/css">/* add loading image */body {background:#4B4B4B url(http://static.int.crazydavinci.net/images/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>
- Letakkan kode dibawah ini dibawah kode diatas<div id="page">
- Cari lagi kode </body>
- Dan taruh kode </div> diatas kode </body>
- Simpan dan lihat hasilnya...
*Kamu juga bisa merubah gambar loading page kamu dengan mengganti link URL gambar yang berwarna merah.
sumber : http://trikis-zone.blogspot.com/2012/07/cara-membuat-loading-page-di-blogger.html
Tidak ada komentar:
Posting Komentar