News Update :

Membuat Loading Pada Page Blog

Diposting oleh : Posted on Rabu, 30 Januari 2013 - 9:34 AM with No comments



Kali Ini Hermanbagus mengajak teman teman untuk bermain css pada blog :), walaupun dalam dunia nyata saya sebenarnya sibuk, hingga hingga kurang istirahat karena jam kerja yang tidak pasti , saya usahakan, saya sempatkan tetap update blog dan blogwalking seperti biasanya, walaupun tidak bisa penuh / full 100 % saya ucapkan mohon maaf,

waduh kok jadi cerita ya hehe
langsung deh sob ke tkpnya.

1. Login Akun blog sobat.
2.Masuk Template
3. Centang Expand Template Widget
4. Copy dan paste kode berikut ini dibawah kode </head>
KODE CSS/JAVASCRIPT :
<!-- Loading Page Script – vikrymadz – http://ber2saudara.blogspot.com -->
<style type="text/css">
/* add loading image */
body {background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhukZJjDgBU5R_sMRy5c7Rm8FXBupk_IB0-7Z0qoG4nMtAR_3g1aZNh96PhrHnLo4A2gZ9liE77eQYqzKnWOJ9-SuW-K24I0kmqGc9BPxAPNKsPVnvvdY4S6vlXp63tm6ipSPnVfj3M3hr7/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 deh sob..

Dan lihat hasilnya, semoga bermanfaat dan lebih menarik tampilan blog sobat.
Share this Article on :
Membuat Loading Pada Page Blog
Item Reviewed: Membuat Loading Pada Page Blog 9 out of 10 based on 10 ratings. 9 user reviews.

0 komentar:

Posting Komentar

 

© Copyright 2-Bersaudara 2015 | Design by Herdiansyah Hamzah | Editing by 2-Bersaudara.