cara membuat Energy Saving Mode dengan gambar sendiri

Sebenarnya, Energy Saving Mode pada umumnya itu hanya berupa teks atau kata - kata,namun tidak untuk disini. Saya akan menjelaskan bagaimana cara membuat tampilan energy saving mode ini, anda hanya perlu membuat gambar sesuka anda seperti screenshot disamping.

caranya sebagai berikut. 

• Copy - Paste kode Javascript dibawah ini di Notepad anda.

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"><a href="URL BLOG ANDA"><p><img src="URL GAMBAR ANDA"/></a><br/><font style="color: #4b4b4b;">Gerakan mouse untuk kembali ke halaman</font></p><div id="copyrightOnlineLeaf">Copyright 2011 - <font style="color: #666666;">neo-exzha.blogspot.com</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

• Ganti tulisan berwarna hitam tebal sesuai perintahnya, kode warna juga sesuka anda.

• Jika sudah simpan file tersebut misalnya Energysavingmode.js (ingat ekstensi-nya .JS) lalu Type-nya : All Files.Klik Save
•  Upload file Energysavingmode.js tadi ke alamat hosting anda,misalnya ripway.com
• Jika sudah anda upload dan dapatkan link-nya,masuk ke Blogger > Tata Letak > Edit HTML.

• Letakkan kode berikut diatas kode </head>.

<script language='javascript' src='http://yourjavascript.com/21382116222/powersavingmodeeee.js' type='text/javascript'/>

• Tulisan bercetak tebal ganti dengan URL file javascript yang anda upload tadi.
• Simpan dan Lihat Hasilnya.

Tweet

Rian SEO

Blogger yang senang mempelajari hal-hal baru seputar Blog, SEO dan Bisnis Online.

Subscribe to receive free email updates: