Image Loading Kebiasaanya Ia akan Keluar Semasa Kita Menuju Kesesuatu Blog Ke Link Lain Dalam Blog Yang Sama,Dimana Image Ini Membuatkan Seseorang Pelawat Blog Anda Akan Sentiasa Menunggu Hingga Sesuatu Halaman Itu Terbuka Hingga Habis.
1.Login Ke Blogger
2.Template’ > ‘Edit HTML > PROCEED > Expand Widget Templates
3.Tekan Fungsi Ctrl+F
4.Cari Kode </head>
5.Copy Kode Dibawah Dan Pastekan Diatas </head>
6.Cari Kode <body>
#nib-loading {
position: fixed;
z-index: 50;
top: 0; left: 0;
width: 100%; height: 100%;
background: none; url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrN-Vb3OaMNeo-6dspBbp_R_4lzdEojkvK3XyXEopXjI7ysjleJz0TI8KcgoSjjCLJs0j797PNJmiu690iwCL7kLmTGRpHUzufpJhWCQIAcwBJH4wfcjSPqjvtd8hQUsdJaod_IRSCAE/s1600/BLOGGER-WHEELS.gif) no-repeat center;
line-height: 350px;
text-align: center;
font-size: 36px;
color: #353231;
text-indent: -9999px;
}
.NIB #nib-loading { display: none; }
@media only screen and (device-width: 768px) {
#loading {
position:absolute;
width:1040px;
min-height:768px;
}
}
#nib-progress-bar {
position: absolute;
top: 0; left: 0;
background: #0d5ff6;
opacity: 0.8;
width: 0;
height: 18px;
}
#nib-loader {
height: 100%;
display: none;
}
</style>
<script>
(function($){
$("html").removeClass("NIB");
$("#header").ready(function(){ $("#nib-progress-bar").stop().animate({ width: "25%" },1500) });
$("#footer").ready(function(){ $("#nib-progress-bar").stop().animate({ width: "75%" },1500) });
$(window).load(function(){
$("#nib-progress-bar").stop().animate({ width: "100%" },600,function(){
$("#nib-loading").fadeOut("fast",function(){ $(this).remove(); });
});
});
})(jQuery);
</script>
7.Copy Kode Dibawah Dan Pastekan Selepas Kode <body>
<div id='nib-loading'><div
id='nib-progress-bar'></div><div
id='nib-loader'>Loading...</div></div>
p/s:Jika Anda Ingin Menukarkan Image Loading,Tukar Pada Kode Yang Bewarna Merah,Di Bawah Disediakan Beberapa Image Kepada Anda
Image 1Sila Kongsi Artikel Ini Dengan Kawan2 Anda,Berkongsi Itu Indah!!! Klik Butang Dibawah.
http://fees.niles219.org/Images/loading_gif.gif Image 2
http://dribbble.s3.amazonaws.com/users/39528/screenshots/793181/slow_load.gif
