Sesuai dengan judul diatas kali Ini saya akan mengajak kamu untuk bermain css pada blog, yaitu tentang Cara Membuat Efek Loading Blog Keren. Walaupun dalam dunia nyata saya sebenarnya sibuk, karna masih sekolah, tapi saya usahakan, saya sempatkan tetap update blog dan blogwalking seperti biasanya :)
Lha kok malah cerita :D
Oke, langsung saja
- Pastinya Login dulu ke akun blog kamu.
- Masuk Template
- Centang Expand Template Widget
- Copy dan paste kode berikut ini dibawah kode </head>
<!-- Loading Page Script – vikrymadz – http://hermanbagus.blogspot.com -->
<style type="text/css">
/* add loading image */
body {background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfGdajOeTFd9lddQQ0Rdyb5eLn3PP_p9RRlod3u3Ixa_z3XKPFQRTNP7nAW7EMS4Ic7u7Ll_FYgcoZgzPwZcQ62R4iQ6JZ8SNsqRtqHrQWsgBpGMQG9QOH0RPBNP6uwSS57Beg9bjFeDnS/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 klik simpan..
Dan lihat hasilnya, Oke semoga bermanfaat dan tentunya tampilan blog kamu lebih menarik.
keren gan, udah ane terapin berhasil.. makasih ya..
ReplyDeletebagi tmen2 yg pgen bukti monggo buka blog ane di www.kangsigit.com
izin copas boleh gan??