Energy Saving Mode for Blogger

Did you know that while browsing net the screen emits CO2 in the atmosphere. So with calculation of thousand people using computer, about 1.2kg per minute.
So to protect the environment there were some initiative’s taken up by some environmentalist, which I would like to share around.


First Step for a greener society, use Screen Saving Mode for your site
These steps are for implementation of code in Blogger
Step 1: Login to Blogger
Step 2: Go to Design -> Edit HTML -> Download Full Template (Precaution as usual)
Step 3: Search for
]]>
Step 4: Paste the below code above the searched item

/* Energy Saving Mode CSS*/
div#energysaving, div#energysaving * {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border: 0;
background-color: #000000; }

div#energysaving {
margin: 0;
padding: 0;
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
text-align: center;
z-index: 100; }

@media screen {body>div#energysaving {position: fixed;}}

div#energysaving p {
margin: 0;
padding: 0;
width: 100%;
font-size: 18px;
font-family: arial;
color: #333333;
position: relative;
top: 40%;
line-height: 20px;
font-weight: bold;
text-align: center;
text-shadow: none; }

div#energysaving p span {
color: #555555;
font-size: 12px;
font-weight: normal; }

div#energysaving div#copyrightKelLogs {
padding: 0;
margin: 0;
color: #333333;
font-size: 12px;
font-weight: normal;
position: absolute;
bottom: 20px;
text-align: center;
width: 100%;
height: 20px;
left: 0%; }
/* Energy Saving Mode CSS Ends Here*/

Step 5: Search for

Step 6: Paste the below code above the searched item again


<script type="text/javascript" language="javascript">
// 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; 
} 
} 

if(typeof(jQuery) == "undefined") 
{ 
document.write(''); 
} 

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('
Energy saving mode Activated Move your mouse to go back to the center of the page.
Follow @castelinokelvin Copyright 2009 Kel-Logs - All rights reserved A Online Leaf initiative.
');jQuery("#energysaving").hide();});}); } } InitJQuery(); // ]]></script>

Step 7: Save Template, and you have made your site greener 🙂

Note: The Time set for “Time Out” of the site is 1 minute = 60 seconds, to increase the time out change the value of
if(idleTime > 60)
in the code.

Second Step to contribute to the greener society is to use Blackle.com. This is a search engine powered by Google, created by Heap Media. It keeps the screen black so as to decrease the emission of CO2. You can also get extra tips (Blackle Tips) on how to optimize your system and site to make it environment friendly.

So go ahead and lets create this place a beautiful land to live in.

Source: Online Leaf, Blackle