Cara Membuat Energy Saving Mode Kreasi Sendiri

Kalau Dulu saya pernah buat Artikel Tentang cara membuat energy saving mode yg masih abal, sekarang saya mau memberitahu cara membuat energy saving mode dengan kreasi dan gambar sendiri.

Langkah - langka membuatnya :

• Sediakan Gambar buatan anda, bisa pakai powerpoint, paint, atau photoshop.
• Lalu gambarnya upload. di mana pun bisa, di facebook-pun bisa.
• Setelah itu copy link gambarnya.
• Buka Notepad copy paste kode ini :

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://suryachandragobel.blogspot.com" target="_blank"><img src="http://i1074.photobucket.com/albums/w413/Surya_Osd/SHC.png
" border="0" alt="S☼C☼G"></a><br /><span>Gerakan Mouse Anda Untuk Kembali Ke Halaman</span></p><div id="copyrightOnlineLeaf">Copyright 2011 <font style="color: #666666;">SURYA CHANDRA GOBEL</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

• Ganti link berwarna merah dengan link gambarmu tadi. kalau sudah di edit, save notepad. beri nama "powersaving.js"

• Lalu Upload file tadi ke sites.google.com jika belum tahu cara uploadnya bisa lihat disini

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML → Expand Template Widget
• Cari kode </head> agar mudah mencari tekan (ctrl+f)
• Copy kode di bawah ini di atas kode </head>

<!-- save your energy --><script language='javascript' src='https://sites.google.com/site/suryachandragobelblogspot/home/surya_osd/Power%20Saving.js' type='text/javascript'/><!-- save your energy end -->

• Ubah link berwarna biru dengan link mu

Selamat Mencoba !