villaralcaldeblog | Pasang Status Loading Di Blog – Apakah kita pernah berpikir perihal bagaimana cara pasang status loading di blog? Jika pernah , mungkin ilham ini dapat kita terapkan pada blog kita masing-masing.
Pemasangan status loading di blog dapat menawarkan kesan unik dan menarik pada pengunjung kita. Status loading ini akan muncul sesaat sebelum halaman blog kita loading tampil sempurna. Kaprikornus , pemasangan status loading ini dapat menyembunyikan halaman blog sebelum tampil secara penuh.
Kita juga dapat mengubah gambar yang digunakan untuk menampilkan status loading ini. Selain itu , pemasangan status loading blog tidak akan memberatkan proses loading blog secara keseluruhan.
Adapun cara untuk memasang status loading blog pada blog milik kita masing-masing adalah sebagai berikut:
Pertama , masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari isyarat berikut.
</head>
Masukan isyarat berikut di atasnya.
<!-- Loading Page Script -->
<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(URL Gambar Loading) no-repeat fixed center;
}
/* hide page div */
#page{
display:none;
}
</style>
<script type="text/javascript">
function css(classORid ,rules){
try{
var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);
}
catch(e){}
try{
document.styleSheets[document.styleSheets.length-1].addRule(classORid ,rules);
}
catch(e){}
}
function loaded(){
css("#page" ,"display:block!important");
css("body" ,"background:Kode HTML Warna url(URL Gambar Background Blog)");
}
if(window.addEventListener)window.addEventListener("load" ,loaded ,false);
else if(window.attachEvent)window.attachEvent("onload" ,loaded);
else if(document.getElementById)window.onload=loaded;
</script>
<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(URL Gambar Loading) no-repeat fixed center;
}
/* hide page div */
#page{
display:none;
}
</style>
<script type="text/javascript">
function css(classORid ,rules){
try{
var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);
}
catch(e){}
try{
document.styleSheets[document.styleSheets.length-1].addRule(classORid ,rules);
}
catch(e){}
}
function loaded(){
css("#page" ,"display:block!important");
css("body" ,"background:Kode HTML Warna url(URL Gambar Background Blog)");
}
if(window.addEventListener)window.addEventListener("load" ,loaded ,false);
else if(window.attachEvent)window.attachEvent("onload" ,loaded);
else if(document.getElementById)window.onload=loaded;
</script>
Cari isyarat berikut.
<body>
Masukan isyarat berikut di bawahnya.
<div id="page">
Cari isyarat berikut.
</body>
Masukan isyarat berikut di atasnya.
</div>
Klik simpan template dan selesai.
Keterangan:
- Ganti URL Gambar Loading dan URL Gambar Background Blog sesuai impian kita masing-masing.
- Ganti Kode HTML Warna dengan pilihan kita. Silakan baca artikel Macam-Macam Kode HTML Warna untuk mempermudah pemilihan.
Sekarang blog kita akan tampil lebih atraktif dengan pemasangan status loading blog ini. Meski banyak isyarat yang tersedia , tetapi pemasangannya cukup mudah untuk dilakukan. Pemasangan status loading blog ini juga tidak banyak berpengaruh pada kecepatan loading blog kita yang sebenarnya.
0 komentar:
Posting Komentar