wow baru pertama kali saya membuat blog TUTORIAL BLOG dan membuat posting ini, udah langsung aja kita ke tutorial nya.
Efek loading di blog adalah untuk menampilkan animasi loading di blog, jika sobat ingin melihatnya liat aja di LINK INI.
Bagus bukan?, langsung aja kita membuat efeknya.
Langkah Pertama
Efek loading di blog adalah untuk menampilkan animasi loading di blog, jika sobat ingin melihatnya liat aja di LINK INI.
Bagus bukan?, langsung aja kita membuat efeknya.
Langkah Pertama
- Masuk ke blog anda
- Buka template >> edit HTML
- Centang kotak "Expand Template Widget" (Rekomendasi)
- Klik ctrl+f (agar lebih mudah mencarinya)
- Cari kode </head>
- Jika sudah ketemu, langsung aja CoPas (diatas </head>)
kode berikut :
<!-- Loading Page Script – TRIKIS - ZONE – http://trikis-zone.blogspot.com -->
KETERANGAN :
<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>
Sobat bisa mengganti kode berwarna merah dengan URL gambar,animasi DLL
- Lalu cari kode <body>
- Letakkan kode dibawah ini dibawah kode diatas<div id="page">
- Cari lagi kode </body>
- Dan taruh kode </div> diatas kode </body>
- Simpan dan lihat hasilnya...
SELAMAT BEREKSPERIMEN!!
