Share kali saya akan membahas tentang Screensaver seperti Online Leaf .... cekidot
kawan-kawan....
- Login ke Blogger
- Pilih Rancangan
- Pilih edit HTML
- Cari kode </head> pastekan kode berikut di atasnya...
Screenshot :
(Klik pada gambar agar lebih jelas)
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="http://www.aldi-xp.tk"><p><img src="http://i1101.photobucket.com/albums/g435/aldixp/energysaving.png"/></a><br/><font style="color: #4b4b4b;">Gerakan mouse untuk kembali ke halaman semula</font></p><div id="copyrightOnlineLeaf">Copyright 2011 - <font style="color: #666666;">www.aldi-xp.tk</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();
Syarat HTML ini harus disimpan di Notepad terus di upload di Google Code dengan Format .js .....