Cara membuat Energi Safe Mode dengan Tampilan sendiri

Energi Saving Mode yang biasanya berwarna hitam ternyata bisa kita edit sesuka kita. Seperti contohnya seperti di blog saya (diamkan mouse anda sekitar 1 menit), yang contoh gambarnya seperti diatas.

Caranya adalah sebagai berikut :
Copy Javascrip dibawah ini dan paste 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('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">'); 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://freakzfiles.blogspot.com"><p><img src="http://i1166.photobucket.com/albums/q617/aylapus/ew.png"/></a><br/><font style="color:#1919B3;">DOOR....:p Sekarang gerakkan mouse anda :) </font></p><div id="copyrightOnlineLeaf">Copyright 2012 - <font style="color: #B20000;">http://d-pus.blogspot.com/</font> - By.pus-pus</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

Note :
Merah : Alamat URL Gambar Kalian 
Ungu : Untuk Warna Fontnya 
Kuning : Untuk Teksnya Bisa Anda Ganti

Kalau sudah di Paste di Notepad, Save dengan nama filenya Saving Mode.js, Lalu pilih Save as Type : All Files dan simpan...

Kemudian Upload File yang kamu Save tadi di http://yourjavascript.com/

Langsung Masuk ke Blogger - Rancangan - Edit HTML
Masukkan kode ini diatas kode </head>

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

Ganti kode warna merah dengan URL file Saving Mode yang kamu Upload tadi.
Kemudian Save Template.

Kalau sudah tersimpan, kembali lagi kehalaman Dashboard anda 
Setelah klik Rancangan > Design --&-- Page Elements. 
Klik “tambah Gadget” pada salah satu sidebar. 
Pilih ‘HTML/Javascript” dan tambahkan kode dibawah:
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>
Ganti yang ditandai merah yaitu ?time=120 dengan waktu yang sesuai dengan keinginan anda, 120 berarti setelah 120 seconds atau 2 menit, tanpa aktivitas di blog anda, Energy saving mode akan bekerja.

Terimakasih :)