Februari 19, 2013

Cara Membuat Loading Page di 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 :


  1. Login ke blog
  2. Buka menu rancangan >> Edit HTML
  3. Lalu cari kode </head>
  4. Dan letakkan kode dibawah ini tepat diatas kode </head> <!-- Loading Page Script – TRIKIS - ZONE – http://trikis-zone.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>
  5. Lalu cari kode <body>
  6. Letakkan kode dibawah ini dibawah kode diatas<div id="page">
  7. Cari lagi kode </body>
  8. Dan taruh kode </div> diatas kode </body>
  9. Simpan dan lihat hasilnya
KET :
*Kamu juga bisa merubah gambar loading page kamu dengan mengganti link URL gambar yang berwarna merah.

Tidak ada komentar:

Posting Komentar