Energy Saving Mode kreasi Sendiri

Pada postingan beberapa waktu lalu saya membahas Cara membuat energy saving mode. Pada pembahasan tersebut saya hanya share cara buat Energy Saving Mode secara dafault.
Buat sobat yang pengen ganti Energy Saving Mode dengan gambar sendiri bisa dengan cara mengikuti langkah di bawah.




Berikut Langkahnya, step by step ;

1. Upload photo atau gambar yang ingin dijadikan Energy Saving Mode ke Hostingan gambar seperti Photobucket.com, Picasa dll.
2. Catat atau copy link photo atau gambar tadi.
3. Buka notepad. (Ctrl + R, kemudian ketikkan Notepad)
4. Copas code di bawah :
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"><p><a href="http://satria-pc.blogspot.com" ><img src="http://i1005.photobucket.com/albums/af177/dvirgo_satria/ESM.gif" border="0" alt="saving mode"></a><br /><span>Gerakan Mouse Anda Untuk Kembali Ke Halaman</span></p><div id="copyrightOnlineLeaf">Copyright 2011 <font style="color: #666666;">Satria PC</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();
5. Ganti link yang berwarna biru dengan Link yang sobat catat pada langkah 2.
6. Simpan (CTRL + S) dengan nama SavingMode.js. Pilih "All Files (*,*)" pada Save as type
7. Upload file tersebut di Ripway.com. Bila belum punya akun ripway, daftar terlebih dahulu. Gratis !
8. Buka rancangan >> edit HTML. copy kode di bawah ini di atas kode </head>
<!-- save your energy --><script language='javascript' src='http://h1.ripway.com/satriapc/Saving Mode.js' type='text/javascript'/><!-- save your energy end -->
9. Ganti link http://h1.ripway.com/satriapc/Saving Mode.js dengan link file sobat yang di Upload pada langkah 7.
10. Save Template. :)


semoga manfaat okey...salam blogging \m/