Cara Membuat Energy Saving Mode Dengan Tampilan Sendiri

Scholovers Blogger | 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 Javascript 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="https://mail-attachment.googleusercontent.com/attachment/?ui=2&ik=3fe3300b7c&view=att&th=13f04056e4316159&attid=0.1&disp=inline&safe=1&zw&saduie=AG9B_P-coT2HGK76UdDmNoVQAucV&sadet=1370162136397&sads=grBqILhlJ33ftU47SaM2iS4fP84&sadssc=1"/></a><br/><font style="color: #1919B3;">Mode Hemat Energi Telah Aktif. Silahkan Gerakan Mouse Sobat Untuk Me Nonaktifkan</font></p><div id="copyrightOnlineLeaf">Copyright 2012 - <font style="color: #B20000;">http://www.blooger.co.id/</font> - By.Scholovers Blogger</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

Note :
Merah : Alamat URL Gambar Sobat

Orange : Untuk Warna Fontnya 

Coklat : Untuk Teksnya Bisa Sobat Ganti

Biru : Alamat Url Blog Sobat

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://yourjavascript.com/1139246135/scholovers-blogger.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://yourjavascript.com/5315321176/scholovers-blogger2.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 :) semoga bermanfaat.