Cara Membuat Efek Loading di Blog


Kali ini gw mau share Cara Membuat Efek Loading di Blog, jadinya saat kita ngeklik akan ada efek loading...
Kalian bisa langsung copas saja scipt di bawah ini sebelum kode ]]></b:skin> :


#page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:999999;
background: #000 url("http://3.bp.blogspot.com/-ljwNfdWZW_0/Ua1iV4yI5PI/AAAAAAAAA2Q/sVu-vYSo-2A/s1600/AjaxLoader.gif") no-repeat 50% 50%;
padding:1em 1.2em;
display:none
}

Penjelasan :
Pada background, kalian bisa ganti dengan kode warna kesukaan kalian, dan URL gambar, adalah gambar loader dengan format Gif. Bisa kalian ganti dengan link gambar loader sesuai dengan kesukaan kalian.
Selanjutnya, silahkan cari kode </body>, biasanya posisinya sebelum kode </html> ya. Cari dengan menekan CTRL+F dan jika sudah ketemu, copas saja script di bawah ini sebelum kode </body> :



<script type='text/javascript'>
//<![CDATA[
// Menyisipkan markup tabir animasi
$(document.body).append('<div id="page-loader"></div>');
// Saat halaman aktif terpicu untuk berpindah/keluar menuju halaman lain...
$(window).on("beforeunload", function() {
    // ... tampilkan tabir animasi dengan efek `.fadeIn()`
    $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

 Semoga bermanfaat...

G+

Previous
Next Post »

Blogger Bijak Selalu Ninggalin Jejak ! Show EmoticonHide Emoticon

Thanks banget yang udah mau sempetin comment, karena SERIUS itu sangat berarti buat gue ^-^