- Login Ke Blog Anda
- Pilih Template --> Edit HTML
- Cari Kode </head> Dan Copy,Paste Kode di Bawah Ini Tepat Di Bawah 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/AVvXsEiRESopHhj9O-hj7Ic4o-6NHsCBNs0wE_u8HeHgcBoX-Doaz32vwbmr_HxvEX33KaWj0KWJ0Y_oN50q04eINmQBCFsCYprpmnzQvckb7GtZkL-Kf1qNNsnrUHT9drCxNsleHHMdO_cmJJwj/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 Cari Kode <body> Dan Paste/Letakkan Di Bawah Kode <body> Copy Di Bawah Ini
<div id="page"> - Cari Kode </body> , Copy Dan Paste Di Bawah Ini Tepat Di Atas Kode </body>
</div> - Pratinjau --> Simpan Dehhh...
2.
- Login Ke Akun Blogger Anda
- Pilih Template --> Edit HTML
- Cari Kode ]]></b:skin> , Jika Sudah Ketemu Copy Kode Di Bawah ini Dan Pastekan Tepat Di Atas Kode ]]></b:skin>
#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(255 ,0 , 0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 , 0);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }} - Kemudian Tambahkan JQuery di Bawah ini di Atas Kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> - Langkah Terakhir Terapkan Script di Bawah ini Tepat Di Atas Tag Kode </body>a[href^='../']");
$internalLinks.click(function() {
$('#loadhalaman').fadeIn(1500).delay(6000).fadeOut(1000);
});
// Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target='_blank'
$('#loadhalaman').click(function() {
$(this).hide();
});
});
</script> - Selesai Dan Lihat HasilNya --> :D
1 komentar:
WoW
Posting Komentar