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>

Template Simpel Green


Template ini saya beri nama dengan Simpel Green karena warnanya yang berwarna hijau. Dan backgroundnya yang berwarna hitam.
Password : a-pg.blogspot.com

Fitur-fitur:
1. Efek loading. 
2. Efek shadow pada hover link.
3. Thread komen.
4. Breadcumb.
5. Blockquote keren.
6 Judul header, post, dan sidebar yang berada ditengah.