ENERGY SAVING MODE PADA BLOG

Baru-baru ini aku memasang istilahnya mempercantik blog dengan "Energy Saving Mode" pada blog aku ini, lumayan lah sudah lama mencari atau browsing kesana-kemari, akhirnya bisa juga nyangkut di Blog ini. . Kalo sobat masih asing dengan hal ini, bisa sobat coba pada blog saya ini. Jika sewaktu sobat melihat blog ini kemudian di tinggal sejenak  tiba-tiba blog ini muncul halaman baru (semacam screensaver) yang berwarna gelap dan bertuliskan “Energy saving mode maka bila sobat menggerakkan mouse ke sembarang arah maka  blog tersebut akan muncul kembali.

Langsung Saja saya beri cara membuatnya:



1. Login ke akun blogger sobat.
2. Klik “Design”
3. Kemudian klik “Edit HTML”
4. Jangan lupa centang “Expand Widget Template”
5. Temukan kode (bisa memanfaatkan ctrl+f)
6. Letakkan script dibawah ini, di atas kode
!– save your energy –>

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://i1180.photobucket.com/albums/x413/iland888/cooltext491135639.png" target="_blank" rel="nofollow">
<img src="http://i1180.photobucket.com/albums/x413/iland888/cooltext491135639.png" border="0" alt="Photobucket"></a> <br />
<p><font style="color: #CCCCCC;">SAVE ENERGY MODE</font></p> <br />
<span><font style="color: #CCCCCC;">=================Cheater Never Die=================</font></span></p>
<div id="GreenTroops">Copyright@iland-blesuck.co.cc/<font style="color: #00FF00;">
Created By www.iland-blesuck.co.cc</font> - visit http://www.iland-blesuck.co.cc/</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

Selamat mencoba !...