cara memasang fitur Energy Saving mode di blog - by s2c3rr

Energy Saving Mode adalah fitur yang sangat menunjang untuk penampilan blog yang sangat berbeda.Tahukah energy saving mode itu apa..?saya juga pusing mendefenisikannya tapi di sini saya akan memberi gambaran tentang fitur Energy saving mode tersebut.contoh saja blog ini apabila di biarkan beberapa detik tanpa mengeklik apapun maka akan muncul halaman baru berwarna hitam yang menutup semua halaman blog dan bertuliskan Energy Saving Mode.Oleh karena itu nama yang terpopuler adalah Energy saving mode.jika belum dong juga sobat bisa lihat gambar di bawah ini.

Bagaimana..sobat tertarik untuk memasang Fitur Energy saving mode..??ikuti langkah-langkah di bawah ini.
1. Login Blogger.com
2. Di dasbor sobat pilih Rancangan/Design >> Edit HTML.
3. Expand template widget.
4. Cari kode </head>
(*Gunakan tombol F3 di keyboard untuk mempercepat pencarian)
5. Letakkan kode di bawah ini Di atas kode No.4

<!-- save your energy -->
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
<!-- save your energy end -->

6. Setelah selesai pilih simpan Template dan lihat hasilnya.
7. Apabila sobat ingin mengedit tulisan pada energy saving mode yang ada di dalam savetheenvironment.js perhatikan kode asli energy saving mode di bawah ini.

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>Energy saving mode<br /><span>Move your mouse to go back to the page.</span></p><div id="copyrightOnlineLeaf">Copyright 2009 <font style="color: #666666;">OnlineLeaf.com</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

kode yang perlu sobat ganti

<div id="energysaving"><p>Energy saving mode<br /><span>Move your mouse to go back to the page.</span></p><div id="copyrightOnlineLeaf">Copyright 2009 <font style="color: #666666;">OnlineLeaf.com</font> - All rights reserved</div></div

Apabila sobat telah mengikuti langkah-langkah di atas maka sobat sudah bisa melihat demonya sendiri di blog sobat.

Mungkin hanya ini yang dapat saya sampaikan pada artikel tentang cara memasang fitur energy saving mode di blog dan semoga artikel ini bermanfaat bagi yang membutuhkannya.
selamat mencoba dan semoga sukses...

Share this: