Totorial tentang membahas cara membuat looding di blog,apa bila ingin membuat tambahan atau ingin membuat variasi blog dengan menambahkan looding di blog,supaya blog menarik untuk di lihat oleh pengunjung.jadi kalau ingin membuat looding di blog bisa membaca totorial ini dan pertama-tama harus memahami tentang cara memasang scrip di blog dengan benar kalau tidak tempat maka tidak bisa tampil. 1.buka blog
2.klik template
3.edit template
4.cari code ini </body> atau mencari dengan tekan tombol CTR+F
letakan diatasnya.Pada body background disisipkan kode<div id="page-loader"></div> ditampilkan dengan efek fadein dengan waktu 1000 detik, penundaan 8000detik, diakhiri dengan efek fadeout 1000detik.
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(8000).fadeOut(1000);
});
//]]>
</script>
Setelah kode diatas sudah anda terapkan, kemudian anda cari kode ]]></b:skin> anda letakkan sebelum kode atau tepatnya diatas kode ]]></b:skin>//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(8000).fadeOut(1000);
});
//]]>
</script>
page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:999999;
background: #000 url("URL IMAGE") no-repeat 50% 50%;
padding:1em 1.2em;
display:none
}
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:999999;
background: #000 url("URL IMAGE") no-repeat 50% 50%;
padding:1em 1.2em;
display:none
}
tinggal mengganti backgroun dan ulr image
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaIBbIvLo5ZN7a6LHq-C-NjAw6JomnkaxIZ-K8n1hd8Kawlhg1DZzhhHTpt_OTa6LcwvaZUgCnwdmHRGm3l5zVdOcRe8bh4wsqwqe50ahsOqoV5m6hjT1zNclRxRiwrD0qOnpZH1iUSTg/s1600/2.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFxFQ3K4_ZVL0MuBtt6aHXv4dsqe3i7SNYlAwUh2D1LBwazUrD5qLPN5dDs6SukqmaGAJAnGBA7Hc6KmrD3WKLCRTtGnOWXvjKn7bNdsa9ur8WNEDORXTYXbX_sD9I3psml69InaWF8JI/s1600/e.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyXHrf2u5gqLzb_CPqK1fyx1K9saN1aa-H5sgPJuYca1cOVX1BXNZNmsQXWSNSnpNCa2txEbU5WER6ceUf32b7QQDACzsSheNH6NINWHEUveXV_u8d3WldBI7FXgjvsiwlbdi5RbnWo8o/s1600/1.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMgCIVk0ZNd7abXuB7ZAcLCLFXn6JDc-tYqvFm5a0OHHdjUEQ5XDTfaHYLf5yHX3ekH2fAX81pSJqnFWnxUeZxUCURExLWk-3YH7ura6DnmpsIXY9FtvvY65mZum1Pc6YTpV_Y05lGWEA/s1600/3.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhisoeGczZzYAtuetIsbrJEOlCwY-F2gcC-V-BJQLlc9OTDOJnf8niGSbdsjmFi_k5woiASpdr7OmLbcvfY2Nf8p8NzgKjS5L29o8haw1VpLTfyKOwlmKLtGrB1a1gGBIr0bnoTXeYiIwM/s1600/5.gif
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixcnLjgyr4LNca11NxQS1w6hBFLIu6XaPRpdSg1b-6Nbf7GSBJ7oQjbC7gXbb2fIWcqIc_3Ny-z9rRcb-WSlWL4gc0N2E0X8u7Li-ZXmqTS-vkZ4nR9kzhlmSiIH5YPDUIoB4H3ydfirE/s1600/7.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxjgTyPIyM3nIBE1j2zlH5LO9gEwEh-7lyySM7NN60gWee0BVjh1sfFLoKUbqnFja7wroee402Q5FhyTc-NBoGgwCij6M_j278Gx22Ugn-tvH0JqQnTaMYfBYERw1Ku-vFnRjMH732TOA/s1600/9.gif
Belum ada tanggapan untuk "cara bikin loding di blog"
Post a Comment