Nahh sekarang saya akan memberitahuagaimanamembuat tampilan Energy Saving Mode seperti yang kita inginkan. Contohnya yangsaya paka ini... tunggu aja sekitar 1 menitan, nanti juga keluartampilannya. OK kita langsung saja, begini caranya :
SilahkanCopy Javascript di bawah ini di Notepad:
var idleTime = 0; var standby = false; function CheckInactivity() { idleTime += 10; if(idleTime > 60) { InitializeStandBy(); } } function InitializeStandBy() { if(!standby) { var h = 0; h = jQuery(window).height(); jQuery("#energysaving").show().css({ height: "0", width: "0", left: "50%", top: "50%" }).animate({ width: "100%", height: h, left: "0", top: "0", opacity: "1" }, 1000); standby = true; } } function StopStandBy() { if(standby) { jQuery("#energysaving").animate({ width: "0", height: "0", opacity: "0", left: "50%", top: "50%" }, 500); setTimeout('jQuery("#energysaving").hide();', 800); standby = false; } } document.write(''); if(typeof(jQuery) == "undefined") { document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>'); } function InitJQuery() { if(typeof(jQuery) == "undefined") { setTimeout("InitJQuery();", 50); } else { jQuery(function() { jQuery(document).ready(function() { setInterval("CheckInactivity();", 10000); jQuery(this).mousemove(function(e) { idleTime = 0; StopStandBy(); }); jQuery(document).keypress(function(e) { idleTime = 0; StopStandBy(); }); jQuery("body").append('<div id="energysaving"><a href="http://ilmubengkeldotcom.blogspot.com"><p><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipqrQSYEsZL9o7oR5Rwx9alHi8TbzhVlAZEj9ClcLEvfISSCH64GjHRGsqS2Wt4EEuNJUMADL_5IDqekHHnpQpz9D-StGE5LC4dMcdIX0cEBqRMMFLom3dsMHShNBmuNWHOhDE-S1DiYQ_/h120/Enter.gif"/></p></a><br/><font style="color: #0413EC;">Tekan Enter untuk kembali ke halaman</font><div id="copyrightOnlineLeaf">Copyright 2011 - <font style="color:#FF0000;">ilmubengkeldotcom.blogspot.com</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();
Bagianyang di Edit adalah bagian yang berwarna merah, hijau dan biru,ganti kode yang berwarna merah denganURL gambar kamu, kode berwarna biru untukwarna Fontnya dan kode berwarna hijau untukteksnya.... kalau kalian mengerti kode Javascript kalian bisa setting sendiritampilannya sesuka kalian...Kemudian tekan Ctrl+S untuk save... simpan dengannama savingmode.js, lalu Save as Type: All Files..... kemudiantekan Save..
UploadFile javascript tersebut pada hostingan kamu, karena disini judulnya bukan caraUpload File pada Hostingan jadi saya tidak memberikan caranya secara detail,tapi saya berikan sedikit garis besarnya...
1.masuk ke ripway.com
2.buat account disana kalau belum punya, lalu login
3.Klik My Files → Upload Files
4.kalau sudah klik Return to my Files
Nahhkalau sudah di upload, masuk ke Blogger → Rancangan → Edit HTMLTaruh kode dibawah ini diatas kode
<scriptlanguage="javascript" type="text/javascript" src="Link File yang kamu Upload"></script>
laluganti kode yang berwarna biru denganURL File yang kamu upload di hostingan tadi...Save Template...
Lalulihat hasilnya, tunggu sekitar 1 menitan..
