Enter your email to subscribe Devaradise. Totally free!

How to Create Screen Saver/Energy Saving Mode For Your Blog

Energy Saving Mode For Blogs or WebsitesOkay, this time, i will give you a blog tutorial about how to create energy saving mode for your blog. This is a kind of screen saver or standby screen which will work if the blog readers visit your blog but they are do nothing (silent without any activity). Your blog will very interesting and interactive if this is installed in your blog. Just follow the steps below to install energy saving mode in your blog :

1. Log in to your dashboard.
2. Go to “Template” menu
3. Click “EDIT HTML”.
4. Proceed. *tips : backup your template before you editing HTML of template.
5. Find the </head> code.*click CTRL + F to search. Put the following codes above </head> (before head code).

<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’/>


You can also set how long time your readers have to be inactive, so the screen saver work.  Add ?time=X which 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>

You can also set the language of screen saver. Add ?lang=code, which code is one of the language short codes below.

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 Indonesian for the standby screen:

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

6. Well, after you set as you like. Just click save and the screen saver installed in your site.

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

Okay. That’s all. If you have any question, don’t hesitate to ask. Happy Blogging 🙂

Source of codes/plugin


3 thoughts on “How to Create Screen Saver/Energy Saving Mode For Your Blog

Leave a Reply