Cara Membuat Efek Loading Page Pada Blogger

Jumat, 29 Juni 20120 komentar


Selamat Malam Sahabat Tsamoedra !!!
Sebagai Artikel yang ke 100 saya kali ini akan menambahkan Categori baru yaitu Trik Blogger di Postingan saya kali ini adalah Trik / Cara Membuat Efek Loading Page Pada Blogger !!!



Langsung aja simak Caranya :

  1. Login ke Blogger
  2. Buka Menu Template à Edit HTML
  3. Sebelum merubah apaun sebaiknya di Backup dulu Templatenya untuk menghindari hal-hal yang tidak di inginkan
  4. Beri tanda Centang pada Expand Template Widget
  5. Lalu Sobat Cari kode </head> Menggunakan Ctrl+F agar mudah mencarinya !
  6. Kalo udah ketemu kode </head>, silahkan sobat letakkan kode dibawah ini tepat di atas kode </head> tadi !


  7.     <!-- Loading Page Script – Cheater Tsamoedra – http://cheater-tsamoedra.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>
  8. Selanjutnya silahkan Sobat Cari Kode <body>
  9. Lalu letakkan kode dibawah ini tepat dibawah kode <body> <div id="page"> 
  10. Cari Lagi Kode </body>
  11. Dan taruh kode </div> diatas kode </body>  
  12. Silahkan Simpan Template Sobat :)
    Dan lihat Hasilnya :) 
Gampangkan :D


Semoga bermanfaat !!


Salam Tsamoedra !!
 
Judul: Cara Membuat Efek Loading Page Pada Blogger
Rating: 100% based on 99999 ratings. 869 user reviews.
Ditulis Oleh Muhammad Mushlih

Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.
Share this article :

Posting Komentar

Syarat-syarat berkomentar di blog ini:
1. Tidak mengandung unsur sara, pornografi, melecehkan ras dan lainnya.
2. Mempergunakan bahasa yang baik dan benar serta tidak menghina.
3. Jangan melakukan SPAM.
4. Anda bisa memberikan kritik dan saran untuk artikel di atas.

By Mushlih™

 
Copyright © 2011-2012. MUSHLIHSHARE™ - All Rights Reserved
Proudly powered by Blogger