How To Add Energy Saving Mode For Blogs or Websites

Posted by Lasantha Bandara File Under : internet, java script 7 Comments

This is a free service and it is provided by http://www.onlineleaf.com/.Their standby engine is deliver a fully functional and simple way to help your website run requiring less energy to generate. It hides heavy animations, covers the window in dark colors (as these, in many cases are less energy consuming) and pauses heavily running background processes.

When your visitors are inactive, this engine launch a standby screen, with the text "Energy saving mode".

Energy Saving Mode For Blogs or Websites

This is very easy to add to your website or blog with in few seconds.

Login to your Blogger dashboard --> Design --> Edit HTML.

You don't need to click on "Expand Widget Templates".

Scroll down to where you see the </head> tag of your template.

Now copy below code and paste it just before the </head> tag.

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

This standby engine uses the jQuery Javascript library, so if you are using other Javascript libraries or code, add below code instead of above code :

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

<script>jQuery.noConflict();</script>

Time of inactivity

Also you can easily define how long time your visitors have to be inactive, for the engine to launch the standby screen, by adding ?time=X where X should be replaced with the number of seconds you would like to define the time interval. An example could be:

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>

... which will set the time of inactivity to 2 minutes (120 seconds).

This can be configured to display in any of the supported languages, if you add ?lang=code, where code is one of the language short codes below.

Supported languages


ak - Akan
da - Danish
de - German
en - English
es - Spanish
fr - French
fi - Filipino
gr - Greek
hr - Croatian
id - Indonesian
jp - Japanese
it - Italian
nl - Dutch
pl - Polish
pt - Portuguese
bpt - Brazilian Portuguese
ro - Romanian
sl - Slovenian
se - Swedish
sk - Slovak
sw - Swahili
tr - Turkish
vi - Vietnamese

The following example will be using Spanish for the standby screen:

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?lang=es"></script>

If you are using WordPress, just download their plugin, activate it and everything should work instantly.

7 thoughts on “How To Add Energy Saving Mode For Blogs or Websites

  1. I Know This Feature.I Used It Last Year But Most My Visitors Said That We Are Facing Problem When We Open The Website Or Kept It Standby And Then When We Come To Site...It Makes The Browser Crash Or Makes Some Others...Of Course Its Not For Everyone But For Some People
    But This Feature Can Make Your Site Look New When It Is In Standby Mode 🙂

  2. While I'm always looking to save energy, does this software really work well without causing major disruptions or outages?

    One commenter seems like they had problems. Any others?

    Best,
    Neal
    http://affiliatemarketingbusiness.biz/understanding-search-engine-optimization

  3. yeah, i know this from onlineleaf.com . are there any other website like onlineleaf.com? gosh i need them

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.