loading sangatlah berguna bagi blog anda,Selain menambah indah tampilan blog anda efek pada
loading juga dapat membuang rasa jenuh pengunjung saat blog anda sedang loading,Loading
yang lama memang sangat membosankan tetapi kalau menggunakan Kotak rubik ini tidak lagi,
Karena tampilannya yang sangat keren dan ringan di blog anda.Mari kita lihat cara pembuatannya
Baca Juga! : Berikut Gambaran Kalau Matahari Diganti Bintang Lain
Langkah Pembuatan :
1.Masuk Kedalam Bagian HTML2.Carilah Kode </head> Dalam Blog Anda
3.Letakan Kode Dibawah Ini Diatas Kode </head>
<style>
/* loader http://semuaniche.blogspot.com/*/
#Semua-Niche-load {
position: fixed;
z-index: 50;
top: 0; left: 0;
opacity: 0.9;
width: 100%; height: 100%;
background: #FDFEF8 url(http://3.bp.blogspot.com/-WqA4mLrQVsw/U4COhzzQi2I/AAAAAAAABrw/57-G3Pw25ek/s128-no/Loading.gif) no-repeat center;
line-height: 350px;
text-align: center;
font-size: 36px;
color: #353231;
text-indent: -9999px;
}
.MD #Semua-Niche-load { display: none; }
@media only screen and (device-width: 768px) {
#loading {
position:absolute;
width:1040px;
min-height:768px;
}
}
#Semua-Niche-progbar {
position: absolute;
top: 0; left: 0;
background: #ED0000;
opacity: 0.8;
width: 0;
height: 5px;
}
#md-loader {
height: 100%;
display: none;
}
</style>
<script>
(function($){
$("html").removeClass("MD");
$("#header").ready(function(){ $("#bingangbingung-progbar").stop().animate({ width: "25%" },1500) });
$("#footer").ready(function(){ $("#bingangbingung-progbar").stop().animate({ width: "75%" },1500) });
$(window).load(function(){
$("#bingangbingung-progbar").stop().animate({ width: "100%" },600,function(){
$("#bingangbingung-load").fadeOut("fast",function(){ $(this).remove(); });
});
});
})(jQuery);
</script>
4.Carilah Kembali Kode <head> 5.Letakan Kode Dibawah Ini Diatasnya :
<div id='Semua-Niche-load'><div id='Semua-Niche-progbar'/><div id='md-loader'>Loading...</div></div>
Kode Diatas Sangatlah Berbeda, Mohon Diperhatikan Kode
</head> Dan Juga <head> Agar Tidak Salah Menempatkan Script
</head> Dan Juga <head> Agar Tidak Salah Menempatkan Script
2 Komentar untuk " Cara Membuat Efek Loading Kotak Rubik Keren Di Blogger"
Wah unik juga gan. Terus blog ente juga unik, banyak script menarik, cakep dah
keren sip bikin ganteng blog saya
"Ikutilah Peraturan Berkomentar Di Blog Ini ↓ "
✔ Dimohon Untuk Berkomentar Sesuai Artikel
✔ Komentar Tidak Relavan Akan Masuk Folder Spam
✔ Dilarang menaruh link aktif
✔ Diharapkan berkomentar menggunakan bahasa yang sopan
© Reza Rizal ✔