Membuat Energy Saving Mode dengan gambar sendiri

   Halo.. Selamat sore. Hari ini rasanya super lelah, laper, haus, punyeng karena 9 jam disekolah (Lagi ada pondok romadhon. Panas banget tempatnya!). Setelah pulang, jam setengah 4, langsung nyempetin update lagi. Ide membuat artikel ini, saya dapatkan setelah ngelamun sambil ngeliatin Pak Ustad Kasmiadi ceramah (Ampuh juga). Ok, kembali ke artikel. Kali ini, saya mau share tentang cara membuat energy saving mode. Meskipun cara ini sudah tergolong agak lama, tetapi saya tetap mau share. Buat yang nggak tau, energy saving mode seperti apa, klik tombol demo dibawah.

LIVE DEMO

  Atau, lihat gambar dibawah ini :

 Di dalam gambar diatas, bisa digambarkan itulah yang disebut energy saving mode. Ketika mouse bergerak melewati layar hitam tersebut, layar hitam tersebut akan hilang kembali ke blog anda. Paham? Kalau tak paham, silahkan saja klik demo.

Cara membuatnya? Ok, go to tkp.

1. Login blog -> Template.
2. Edit HTML -> Centang Expand template widget.
3. Cari kode </head>
4. Copy kode dibawah, lalu pastekan tepat diatas tag </head>

<script language='javascript' src='http://infoikiblog.googlecode.com/files/Energy%20Saving%20Mode%20%5BINFOIKI%5D.txt' type='text/javascript'></script>

5. Langkah selanjutnya, klik Save template.
6. Klik Tata letak.
7. Add widget -> HTML/Java script.
8. Copas kode dibawah ini :

<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(URL IMAGE ANDA) no-repeat center center fixed black; }
div#energysaving p span {display:none;visibility:hidden;}
</style>

9. Save.