Cara Membuat Efek Loading pada Blogspot



Nah saya akan share sebuah tutorial blog yang mungkin bermanfaat bagi kalian yang melihat ini. Langsung saja kita praktekkan.

Langkah-langkahnya:
  • Login blog
  • Buka menu Template >> edit HTML
  • Lalu cari kode </head>
  • Lalu kita letakkan kode dibawah ini tepat diatas kode </head>
<!-- Loading Page Script – vikrymadz – http://vikrymadz.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>
  • Lalu copy kode dibawah ini tepat dibawah kode <body>
<div id="page">

  • Cari lagi kode </body>
  • Dan taruh kode dibawah ini tepat diatas </body> 
</div>

Ditulis Oleh : Unknown // 6:01 AM
Kategori:

1 comment:

Mari Kita Saling Menghargai Sesama Blogger
Apabila anda merasa artikel ini bermanfaat, silahkan share dimana saja.
Dan jika berkenan mohon mencantumkan link sumbernya. Terima Kasih.
WWW.BLACK-APEL.COM
^_^