Tuesday, May 7, 2013

Cara Pasang Status Loading Di Blog

Rate this posting:
{[['']]}



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.

Cari kode berikut. untuk mempermudah tekan CTRL+F

</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>

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.
sekian semoga bermanfaat :)

Description: Cara Pasang Status Loading Di Blog Rating: 5 Reviewer: Ega Bagus Permadi ItemReviewed: Cara Pasang Status Loading Di Blog
Kamu sedang membaca artikel tentang Cara Pasang Status Loading Di Blog Silahkan baca artikel Eghooy Main Blog Tentang Yang lainnya. Kamu boleh menyebar Luaskan atau MengCopy-Paste Artikel ini, Tapi jangan lupa untuk meletakkan Link Cara Pasang Status Loading Di Blog Sebagai sumbernya


Artikel Terkait:

Reactions:

0 comments:

Post a Comment

Berkomentarlah Yang Bijak salam Eghooy Main Blog