Selamat Datang di http://nthoeng.blogspot.com, Terima Kasih Sudah Berkunjung, Jangan Lupa Tinggalkan komentar. | Selamat Datang di http://nthoeng.blogspot.com, Terima Kasih Sudah Berkunjung, Jangan Lupa Tinggalkan komentar. |

Rabu, 21 Maret 2012

Membuat Screensaver Blog / Energy Saving Mode

Energy saving mode merupakan widget tambahan yang berfungsi sebagai screensaver blog, mudahnya jika blog dibuka dan ditinggal beberapa detik maka akan muncul screensaver, yang berupa overlay / lembar screensaver yang menutupi seluruh bagian blog, dan saat blog dilihat kembali dan mouse bergerak diatas lembaran tadi, maka screensaver tersebut akan menghilang dengan efek Zoom out hingga screensaver benar-benar hilang, animasi tersebut menggunakan javascript buatan onlineleaf.com.


Kekurangan pemakaian screensaver ini adalah menggunakan javascript eksternal, seperti yang Anda ketahui jika menggunakan Javascript eksternal maka waktu muat / loading blog akan bertambah dikarenakan memerlukan koneksi dengan sumber eksternal dari javascript tersebut untuk meminta / merequest file yang dituju, namun sampai saat ini, penggunaan screensaver ini belum terlalu menambah waktu muat, untuk memasangnya ikuti langkah-langkah berikut :

1. Log in ke Blogger.
2. Pilih Rancangan, dan Edit Html, Centang Expand Widget Template.
3.Cari tag </head> dan letakkan script berikut di atasnya :

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
Script di atas menggunakan Jquery JS library, jika web Anda menggunakan javascript library yang lain, gunakan script berikut untuk menghindari Konflik dengan jquery dan gagalnya aplikasi :
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
<script>jQuery.noConflict();</script>
Pengaturan :
- Lama waktu sebelum screensaver muncul :
tambahkan ?time=x di belakang url script, X merupakan Detik, contoh :
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?time=80' type='text/javascript'/>

- Pengaturan Bahasa :
tambahkan ?lang=kodebahasa. Kode bahasa :
ak - Akan gr - Greek sl - Slovenian
da - Danish id - Indonesian se - Swedish
de - German jp - Japanese sk - Slovak
en - English it - Italian sw - Swahili
es - Spanish nl - Dutch tr - Turkish
fr - French pl - Polish vi - Vietnamese
fi - Filipino pt - Portuguese hr - Croatian
Table Cell bpt - Brazilian Portuguese ro - Romanian

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

4. Simpan Template.

Semoga Berhasil.

6komentar:

Unknownmengatakan...

menarik niy, blog punya screensaver, gag hanya monitor yang punya, hhee..

Nice info :)

ICAH BANJARMASINmengatakan...

Wahhhh asyik juga tuh bang,trims sdh dishare.

Galihmengatakan...

Sama Sama. Selamat Mencoba.

zyi sharemengatakan...

MAnteb bro ini yang di cari-cari,,,,
klo di kasih gambar bisa ???

Galihmengatakan...

Sebenernya bisa soob, ,namun perlu menambah beberapa script baru. .

Ojjez Lastfriendmengatakan...

Mantep bos postingan'y ,ijin sedot ..
jngan lupa kujungan balik ya :D

http://ojezzlastfriend.blogspot.com/

Posting Komentar

TwitterDeliciousFacebookDiggStumbleuponFavoritesMore