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 :D
1. Login Ke Akun Blog Kmu
2. Masuk Template
3. Centang Expand Template Widget
4. Copy dan paste kode berikut ini dibawah kode </head>
Langsung aja kita cusss caranya :D
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFMXf2CcD6_oqFJ8PMFPFc1JlyYSvQOSgPO6fGMuRKAd5sYIMLZZiWvbjIYTb-Js_tb-NxIIBXi3B0gByS0TXJNY1PGVsllrhRfrJwUN5cNE7EPmru_UzdfykZEs-dgJVnZLiZopKQEPC/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.
Comments
Post a Comment