Cara Mudah Membuat Efek Loading Blog Keren

Loading
Mungkin Anda merasa kurang suka dengan template Anda saat ini karena tampilanya yang biasa saja, dan mungkin Anda berniat ingin menambahkan efek loading blog ketika halaman blog Anda sedang loading.
Pada saat masih loading halaman Anda akan berubah menjadi gelap atau hitam dan muncul tulisan loading beserta animasi berputar.
Jika anda berminat silahkan ikuti langkah langkah dibawah ini:
1. Pastinya Login dulu ke akun blog Anda, misalnya blogger.com
2. Cari <data:post.title/> dan pastekan javascript dibawah ini tepat dibawahnya
&lt;script type=&#39;text/javascript&#39;src=&#39;http://alamat.url.ph/data/posts.js&#39;&gt;&lt;/script&gt;

Catatan..

Lewati langkah no 2 jika script tersebut sudah ada pada template Anda.
3. Buka Template lalu Copy dan paste kode berikut ini dibawah kode </head>
<!-- Loading Page Script – http://4sharap.blogspot.com -->
<style type="text/css">
/* add loading image */
body {background:#000000 url(http://4.bp.blogspot.com/-zJmT6iuz0Gs/TyKvHDEFtjI/AAAAAAAABso/Uf8IHNom-MM/s1600/loading_gif.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>
4. Cari <body> lalu pastekan <div id="page"> tepat dibawah <body>
5. Dan terakhir sebagai penutupnya silahkan anda cari </body> lalu pastekan </div> tepat diatas </body>

KODE WARNA BIRU BISA ANDA GANTI DENGAN WARNA LAIN (Klik Disini untuk melihat kode warna yang lain)
Sekarang simpan template Anda dan lihat hasilnya.
URL

2 Tanggapan » Lihat

gan, blog ane ga ada tag body
gmn nih??

rasanya mustahil gan galau gak ada tag body nya apalagi template blogspot..
tapi biasanya tag body ada dua model.. ada yang <*body*> dan <*body
tanda *dihapus saja

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini