Apakah kita pernah berpikir tentang bagaimana
cara pasang status loading di blog? Jika pernah, mungkin ide ini dapat kita
terapkan pada blog kita masing-masing.
Pemasangan status loading di blog dapat
memberikan kesan unik dan menarik pada pengunjung kita. Status loading ini akan
muncul sesaat sebelum halaman blog kita loading tampil sempurna. Jadi, 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 yaitu sebagai berikut:
Pertama, masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari kode berikut.
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 yaitu sebagai berikut:
Pertama, masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari kode berikut.
</head>
Masukan kode 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 kode berikut.
<body>
Masukan kode berikut di bawahnya.
<div id="page">
Cari kode berikut.
</body>
Masukan kode berikut di atasnya.
</div>
Klik simpan template dan selesai.
Keterangan:
1.
Ganti URL Gambar
Loading dan URL Gambar Background Blog sesuai keinginan kita masing-masing.
2.
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 kode 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
Pembaca Yang Cerdas Selalu Memberikan Jejak Komentar Tentang Artikel Komputer Ini, Bersaudara Lebih Indah Dari Pada Bermusuhan, Dengan Anda Memfollow & Like Di blog Ini Kita Semua Bersaudara & Jangan Lupa saling Membantu. Thank YOU...