Membuat Efek Loading di Blog - Mungkin sobat sering melihat efek
loading di beberapa blog. Menurut saya efek loading ini menambah cantik
penampilan blog, dan membuat pengunjung mau menunggu karena blog sedang
loading. Bagi sobat yang mau tau demonya, silahkan klik salah satu
artikel populer di blog ini, lihat ke samping widget yang berjudul
SERING DIBACA.
Untuk membuatnya, silahkan ikuti langkah2 di bawah ini :
Langkah 1 : Tambahkan jQuery pada blog sobat
Simpan kode di bawah ini sebelum
Langkah 2 : Tambahkan CSS
Simpan CSS ini di atas
Langkah 2 : Tambahkan JavaScript
Tambahkan kode JavaScript ini di atas
Simpan template...
Untuk membuatnya, silahkan ikuti langkah2 di bawah ini :
Langkah 1 : Tambahkan jQuery pada blog sobat
Simpan kode di bawah ini sebelum
</head><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>Apabila template sobat sudah memiliki jQuery, lewati langkah ini. Harap diperhatikan, tidak boleh ada script jQuery lebih dari satu.
Langkah 2 : Tambahkan CSS
Simpan CSS ini di atas
]]></b:skin>#page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:9999;
background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio82_UlZouxzjAWIH2eStriI29EezOvDEc19VZ5sTFM6OvyHn37IOmxM1F4Hgj0l3lZU7wxSj_JDo52aJKRk59XsQ8LMpWqjaVzb7cgRUMjSdSbFc0HH9TXOtKH9sTipWK5BpSKIpe97Q/s1600/loadinfo.net+%284%29.gif') no-repeat 50% 50%;
color:white;
padding:1em 1.2em;
display:none;
}background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio82_UlZouxzjAWIH2eStriI29EezOvDEc19VZ5sTFM6OvyHn37IOmxM1F4Hgj0l3lZU7wxSj_JDo52aJKRk59XsQ8LMpWqjaVzb7cgRUMjSdSbFc0HH9TXOtKH9sTipWK5BpSKIpe97Q/s1600/loadinfo.net+%284%29.gif') no-repeat 50% 50%;Langkah 2 : Tambahkan JavaScript
Tambahkan kode JavaScript ini di atas
</body><script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>Simpan template...
Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll
Sobat sedang membaca artikel tentang Membuat Efek Loading di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
No comments:
Post a Comment