Membuat Energy Power Saving Modifikasi

"K-sEm" akhir bulan lalu pernah posting Memasang Energi Power Saving. Mungkin kali ini caranya hampir sama, namun perbedaan hanya ter dapat pada tampilannya saja. OK seperti biasa karena ini "K-sEm", kita let's try.....

Pertama-tama kalian copy script ini ke notepad,


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://k-sem.blogspot.com" target="_blank"><img src="http://i1193.photobucket.com/albums/aa359/k-sem/eps.png" border="0" alt="k-sem"></a><br /><span>Gerakan Mouse Anda Untuk Kembali Ke Halaman.</span></p><div id="copyrightOnlineLeaf">Copyright 2011 <font style="color: #666666;">k-sem.blogspot.com</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();



ket: Merah : HTML Code gambar yang kita upload
      Biru     : Kata-kata (bisa kita karang sendiri)
      Hijau   : alamat url blog kita

Kalo sudah kita save kode tersebut dengan format .js bagi yang bingung nie contohnya : blablabla.js, kita tinggalkan sebentar script tadi. kita masuk ke mode pembuatan animasinya. Animasi bisa didapatkan di cooltext, atau kalau mau kreasi sendiri bisa pake coreldraw. setelah itu upload gambar yang kalian buat tadi ke photobucket atau yang lainya. Kalau sudah Copy HTML Code-nya ke script tadi.(lihat keterangan). Jika sudah Save script tadi(sama seperti langkah sebelumnya/ klik file-save) dan upload ke file hosting(saya memakai Ripway.com)

Kalau langkah di atas sudah selesai lanjut ke langkah pemasangan,. langkahnya sama seperti pada artikel Memasang Energi Power Saving. berikut langkah-langkahnya.

1. Log In ke Blogger.com dengan akun anda
2. Masuk ke rancangan kemudian pilih edit html
3. Back Up dahulu template anda dan kemudian klik Expand Template Widget
4. Cari kode </head>
5. Lalu Pasang script berikut ini tepat di atas kode tadi

<!-- save your energy -->
<script language='javascript' src='http://h1.ripway.com/hud1/power%20saving.js' type='text/javascript'/>
...<!-- save your energy end -->


Ganti yang berwarna merah dengan direct link script yang telah kalian up load tadi


6. Kemudian Klik simpan

dah jadi deh. . . . ^_^

Artikel Terkait

Posted in: pernak-pernik