✔ Cara Memasang Efek Loading Halaman Blogger

Cara Memasang Efek Loading Halaman Blogger Sahabat Alhamdulilah kita masih dapat ketemu lagi hingga dikala ini, Kali ini Akan mencoba menyebarkan pengalaman dengan
Cara memasang efek loading halaman Blogger Apa itu loading yah.. kurang lebih nya dikala kita klik halaman Blogger ada salah satu animasi gif atau dengan tek sebelum halaman terbuka semuanya Contoh dapat dilihat disini silahkan klik sala satu halaman. salah satu efek ini mungkin akan sangat bermanfaat dan bahkan dapat menciptakan loading sedikit lebih cepat .Ingin memasang nya silahakan ikuti caranya dibawah ini.

1. Simpan jquery di atas code </head> 

Catatan: Jika pada template anda sudah menggunkan jquery yang sama maka code ini tidak perlu di masukan kembali. dan usahakan versi jquery mengunakan jquery v1.7.1 ganti versi yang lama

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

2. Simpan CSS dibawah ini di Atas instruksi ]]</skin>

/* LOADING */
#muat-halaman {
    position: fixed;
    top: 0;

    left: 0;
    background-color: #000;
    z-index: 9999;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 200px;
    font-size: 25px;
    color: #fff;
    display: none;
}

3. Simpan HTML ini di Atas Kode </body>

<div id='muat-halaman'>
<span style='font-size:70px;font-weight:bold;'>Please Wait ..</span><br/>
    To Open!<br/>The Page Is Being Loaded<br/><a href='http://simpangblogger.blogspot.com/' style='position:absolute;bottom:0;right:0;font-size:8px;color:#fff!important'>link</a></div>
<script type='text/javascript'>
//<![CDATA[
$(function() {
    var siteURL = "http://" + top.location.host.toString();
    var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../'], a[href^='#']");
    $internalLinks.click(function() {
        $('#muat-halaman').fadeIn(800).delay(8000).fadeOut(1200);
    });
    $('#muat-halaman').click(function() {
        $(this).hide();
    });
});
//]]>
</script>

4.Klik Pratinjau jikalau sudah tidak ada persoalan kemudian simpan tempelat,Animasi loding ini hanya menggunakan animasi TEK biasa sobat kreasikan sendiri jikalau mau menggunakan animasi gif, jikalau belum mengerti silahkan komentar pesan dikotak komentar insa allah akan membantu nya, Cukup sekian Semoga bermanfaat

Bagikan Artikel ini