Cara Membuat Efek Loading

Read More »

Dapat ilmu baru nihh, cara Cara Membuat Efek Loading, Langsung ke tutorialnya aja dehh...

• Buka Blog kamu
• Cari kode ]]></b:skin>
• Masukan kode berikut diatas kode ]]></b:skin>

/* LOADING */
#loeadink {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 9999;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 200px;
    font-size: 25px;
    color: #fff;
    display: none;
}

• Save Template , Cari kode </body>
• Masukan kode berikut diatas kode </body>

<div id='loeadink'><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGEUpALvW8EH9SZGJT6f0wh66stInqEQic7NnyWmXpIkek5IL-HYByPv8QimTIqlOT7sHhs3WpH_F4EwiCleC09gZKh9EaxvD42TMJBftLoYhlVwrVW3toygM7IVtvsMNjGlH8_DRp6I/s1600/Loading.png'/></center>
</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() {
        $('#loeadink').fadeIn(800).delay(8000).fadeOut(1200);
    });
    $('#loeadink').click(function() {
        $(this).hide();
    });
});
//]]>
</script>

• Selesai.

(?•_•)? Backlink CRAZYFUZ

URL

Code For Forum

HTML Code <a href='http://crazyfuz.blogspot.com/2012/09/cara-membuat-efek-loading.html' target='_blank'>Cara Membuat Efek Loading</a>