Cara membuat SCREENSAVER (Savingmode) Di blog

Share kali saya akan membahas tentang Screensaver sepertiOnline Leaf .... cekidot kawan-kawan....

1. Login ke Blogger
2. Pilih Rancangan
3. Pilih edit HTML
4. Cari kode </head> pastekan kode berikut di atasnya... 

Contoh Script Saya : <script language='javascript' src='http://batangharisavingmode.googlecode.com/files/savingmode.js' type='text/javascript'/>

Screenshot :

Script:
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://i842.photobucket.com/albums/zz349/dzhenway/redjacket.jpg"/></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.nya-nyok.co.cc</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();


NB:

>Kode yang berwarna hijau Diganti menjadi gambar anda sendiri

>Kode Yang berwarna merah diganti menjadi tulisan anda sendiri


Caranya :

1.Copy kode semua di atas
2.paste kan di notepad
3.simpan file dengan nama terakhir .js
Contoh :   namafile.js








Ribet ?? Cara upload file js nya  klik disini

Posted in: Tutorial Blog