Download Software Gratis etc

cara membuat sebuah loading page di blog

Author Unknown - -
Home » » cara membuat sebuah loading page di blog

http://1.bp.blogspot.com/-l6kpGSbwlAk/T4QyAAmu78I/AAAAAAAAC8M/3JL_qrskbEs/s1600/kotak.gif
assallamuallaikum kali ini lightning blog ingin memberikan sebuah postingan yaitu cara membuat loading page di blog . waduh saya bingung mau bicara apalagi langsung saja caranya :D hehe.... follow me :

CARANYA
1.masuk ke blog sobat
2.kemudian buka menu yang bertuliskan template => centang yang bertuliskan expand widget template => kemudian cari kode <body> untuk mempermudah pencarian pencet ctrl+f lalu apabila sudah ketemu html <body> kemudian ganti kode html <body>  dengan kode html berikut ini



<body onLoad='init()'>
<span id='loading' style='position:absolute; text-align: center; top:10px; right: 10px;'><img border='0' src='http://1.bp.blogspot.com/-l6kpGSbwlAk/T4QyAAmu78I/AAAAAAAAC8M/3JL_qrskbEs/s400/kotak.gif'/></span>
<script>
var ld=(document.all);

var ns4=document.layers;
var ns6=document.getElementById&amp;&amp;!document.all;
var ie4=document.all;

if (ns4) ld=document.loading;
else if (ns6)
ld=document.getElementById(&quot;loading&quot;).style;
else if (ie4)
ld=document.all.loading.style;

function init() {
if(ns4){ld.visibility=&quot;hidden&quot;;}
else if (ns6||ie4) ld.display=&quot;none&quot;;
}
</script>
#NB : yang berwarna merah itu merupakan jenis animasi loadingnya kalau sobat punya animasi buatan sendiri silahkan langsung saja di ganti

5. kemudian klik yang bertuliskan preview guna untuk melihat takutnya sobat memasukkan kode html yang salah atau kalo bisa dibilang masih ada yang kurang kode htmlnya

6. kalo sudah yakin bisa maka langsung saja di save template

ok sekian postingan saya kali ini 

26 Responses so far.

  1. Anonim says:

    membuat sebuah loading page ini scriptnya tidak terlalu panjang ya..., tapi rumit juga tuh bahasanya. he...he... salam kenal

  2. Unknown says:

    @jempot2-office : thanks bro telah berkunjung ..... maaf yo kalau kata katanya kurang dimengerti nah intinya kode html < body > digantikan dengan kode html diatas...

  3. nice post gan :D
    nyimak aja.,

  4. uki says:

    kalau saya mendingan pake keyframe xD
    http://spt.qhiyy.com/

  5. wah buat lambat nga sob,

    maaf sob, baru bisa mampir lagi dikarenakan kesibukan di dunia nyta.
    \

  6. terima kasih berkongsi info ;)

  7. Unknown says:

    @yogi vipre : ok bro thanks ya telah berkunjung

    @Syauqi qhiyzs : owwwh gitu okedeh heheh.... :D thanks ya telah berkunjung

    @Em Albar : kalo blog sobat simple insallah gak lambat tapi kalo rame dengan animasinya ya jangan ditanya lagi heheheh,,,,,,:) . ya gak pape bro thanks ya telah berkunjung

    @Ana Farhana : ya sama sama bro :)

  8. gak suka pake loading page

    tapi nice artikel

  9. Keren tutorialnya gan, salam kenal ya..

  10. Unknown says:

    Makasih infonya sob...
    http://wahyu-only.blogspot.com

  11. Unknown says:

    @Funtastic Blogger Lagi Belajar Blog dan SEO : silahkan bro dicoba :) thanks yo telah berkunjung

  12. Unknown says:

    @Jajang Zaelani : ok sama sama bro

  13. Unknown says:

    @Admin Blog Cheat : owwwhhh okedeh heheh.... thanks yo :D

  14. Unknown says:

    @http://khaeseven.blogspot.com/ : monggo dicoba bro :) thanks telah berkunjung

  15. Unknown says:

    @Belajar Bisnis : thanks bro yo salam kenal juga :)

  16. Unknown says:

    @Fanny Mochammad Abdul Rhozak : sama sama bro thanks telah berkunjung .....

  17. Unknown says:

    @Synchronize : sama sama bro

  18. AYooooOOO IKUT LOMBA TOP KOMENTAR.
    GAK SULIT KOK
    CUMAN KOMENTAR SAJA.
    KALAU MENANG BISA DAPAT HADIAH lohhhhhh.......

    http://www.pai-cube.com/2013/01/top-komentator-award-dari-pai-cube.html

  19. blogwalking sob...nice post sobat,,comment back sob http://saktobek.blogspot.com

  20. Unknown says:

    yuk yg comment disini pda saling "join this site" jd member ya..
    mohon sarannya di nendrapatmanaputra.blogspot.com

  21. Unknown says:

    @Pai-cube.com : weeew boleh tuh bro ikutan ah hihiw :D thanks yaw telah berkunjung :)

    @dang murganto : ok brow thanks yo telah berkunjung

    @nendra patmana : ok brow thanks telah berkunjung jangan bosen bosen balik lagi yo heheh :)

  22. makasi gan ud share tutor nya
    :D

  23. Unknown says:

    gw si gak ngerti sama yg bergituan, u,u blog gw udah simple , ga mao di tambah tambah lagi XD

    www.kepoersss.blogspot.com

  24. Jadi, tahu lebih dalam nih sob tentang Page Load Time, dan terimakasih banyak sudah mau berbagi sobat

berikan kritik dan saran sobat semua demi untuk kemajuan blog ini

Terimakasih salam hangat Lightning blog