Cara Membuat Efek Loading Page Pada Blogger
ok ok nih contohnya bisa dilihat DISINI
- Pertama , Letakkan kode berikut dalam tag <head> atau lebih baik letakkan tepat di atas kode </head> .
<!-- Loading Page Script – CrazyDaVinci – http://crazydavinci.net -->Kemudian letakkan kode berikut tepat di bawah kode <body>
<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(http://static.int.crazydavinci.net/images/loading.gif) 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:#000 url()");
}
if(window.addEventListener)window.addEventListener("load",loaded,false);
else if(window.attachEvent)window.attachEvent("onload",loaded);
else if(document.getElementById)window.onload=loaded;
</script>
<div id="page">Dan tambahkan kode </div> tepat di atas kode </body>
Maka contohnya akan menjadi seperti ini :
<html>
<head>
blah blah…
</head>
<body>
<div id="page">
<div></div>
blah blah…
<div></div>
</div>
</body>
Tambahan : Lihat kode yang saya bold merah tebal. Silahkan edit jika kamu ingin merubah warna background blog, atau menambahkan gambar menjadi background. contoh #fff url(http://static.desktopnexus.com/thumbnails/18573-bigthumbnail.jpg) .
Sekarang klik pratinjau untuk melihat hasilnya. Jika sukses dan berminat silahkan tetapkan di blog kamu. Untuk versi wordpress nya kurang lebih sama penerapannya, untuk lebih jelasnya kamu bisa baca di blog nya AaEzha.
Catatan : Cara ini pernah saya coba di blog yang menggunakan script hidden. Seperti hidden chatbok, Berhasil namun tampilan hidden chatbox menjadi tidak terload dengan baik. Sebaiknya jangan gunakan hidden chatbox agar loading bekerja dengan baik.
. Kali ini saya akan sharing tutorial blogger lagi niih. Yaitu Cara Menghilangkan Elemen Blog di Halaman Tertentu. Elemen blog seperti sidebar / lainnya dapat dihilangkan di halaman tertentu yang sobat inginkan, seperti pages / postingan / lainnya. Kalau ingin 
27,020
