Home » Blogging » Cara Membuat Loading Page di Blogger

Cara Membuat Loading Page di Blogger

Imamz Senin, 23 Juli 2012 3 Comments

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 :

Login ke blog
Buka menu rancangan >> Edit HTML
Lalu cari kode </head>
Dan letakkan kode dibawah ini tepat diatas kode </head>

SCRIPT

<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 <body>

HTML

Cari lagi kode </body>
Dan taruh kode </div> diatas kode </body>
Simpan dan lihat hasilnya...

KET :

*Kamu juga bisa merubah gambar loading page kamu dengan mengganti link URL gambar yang berwarna merah.

3 Komentar untuk "Cara Membuat Loading Page di Blogger"

Admin2 November 2012 pukul 11.33
gan gmn cara biar postingan terbaru kya agan bisa berjalan?

maklum gan newbie ,,,mohon bantuanya y gan
BalasHapus
Balasan
Trisulo5 Desember 2012 pukul 01.58
mau nanya nich om kalo loading pagenya berupa script gimana ya Om kayak blog Om Handoko ,. Salam Kenal Om....
BalasHapus
Balasan
hienzo9 Maret 2013 pukul 15.45
simpen dulu deh ilmunya. kapan-kapan mau nyoba :D
BalasHapus
Balasan

Tambahkan komentar

Berikan Komentar Terbaik Anda:
*Komentar yang menyertakan link aktif, iklan, atau yang sejenis, akan dihapus.

Emoticon

Download