
- Pertama edit script Energy Saving Mode, Buka Notepad, dan Copy Paste script Berikut :
var idleTime = 0; var standby = false; function CheckInactivity() { idleTime += 10; if(idleTime > 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; } } document.write('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">'); if(typeof(jQuery) == "undefined") { document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>'); } 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('<div id="energysaving"><p><a href="http://referensidunia.blogspot.com/" target="_blank"><img src="URL_GAMBAR" border="0" alt="sin1aja"></a><br /><span>Move Your Mouse</span></p><div id="copyrightOnlineLeaf">2012<font style="color: #666666;">Referensi Dunia</font> - All Rights Reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery(); - Teks warna merah, ganti dengan Url Gambar yang akan dipasang.
- Teks warna biru silahkan sesuaikan keinginan.
- Kemudian Save as dengan Format .Js, Misal Energysaving.Js.
- Selanjutnya Upload file tersebut ke web hosting Anda, disini saya memakai Google Code.
- Setelah ter-Upload, copy link file tersebut.
- Ganti teks warna hijau didalam script berikut dengan Url file .js yang telah ter-Upload tadi :
<script language='javascript' src='http://wanadry.googlecode.com/files/savetheenvironment.js' type='text/javascript'/> - Copy script tersebut, dan sisipkan di atas tag </head>, pada Html template.
- Dan Simpan Template.
- Semoga Bermanfaat.
----
Lalu, bagaimana jika saya ingin agar Energy Saving Mode ditampilkan dengan sebuah gambar?
Lakukan langkah langkah di bawah ini :
Lalu, bagaimana jika saya ingin agar Energy Saving Mode ditampilkan dengan sebuah gambar?
Lakukan langkah langkah di bawah ini :
- Masuk ke menu "Page Elements"
- Klik "Add a Gadget"
- Pilih "HTML/JavaScript"
- Silahkan Copy dan Paste script berikut dan pasang di gadget/widget anda :
<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(http://urlgambaranda/) no-repeat center center fixed black; }
div#energysaving p { margin: 0; padding: 0; width: 100%; font-size: 0px; font-family: arial; color: transparent; position: relative; top: 40%; line-height: 20px; font-weight: bold; text-align: center; text-shadow: none; display: none; }
div#energysaving p span { color: transparent; font-size: 0px; font-weight: normal; display: none; }
</style> - Dan jangan lupa script di atas .. anda edit sedikit dengan mengganti link url gambar anda sendiri .. url(http://urlgambaranda/) <-- yang ini ya :)
- Save/Simpan, dan selesai.
-----