Cara Menambahkan Efek Loading Di Blog

Kali ini saya akan share pada sobat sekalian cara menambahkan efek loading pada blog2 sobat
Langsung aja kita cusss caranya 😀

1.   Login Ke Akun Blog Kmu
2.   Masuk Template
3.   Centang Expand Template Widget
4.   Copy dan paste kode berikut ini dibawah kode </head>

Scriptnya :

<!– Loading Page Script – vikrymadz – http://alhamimdwiputra.blogspot.com –>
<style type=”text/css”>
/* add loading image */
body {background:#000000 url(http://4.bp.blogspot.com/-zJmT6iuz0Gs/TyKvHDEFtjI/AAAAAAAABso/Uf8IHNom-MM/s1600/loading_gif.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>
Kemudian
lalu cari kode <body>
lalu letakkan kode <div id=”page”> dibawah kode <body>
Dan Cari lagi kode </body>
dan letakkan kode </div> diatas kode </body>
Kemudian simpan ..
Ubah url gif dengan gif yang anda inginkan pada tulisan yang berwarna biru
Dan lihat hasilnya, semoga bermanfaat dan lebih menarik tampilan blog sobat.

Add a Comment

Your email address will not be published. Required fields are marked *

*