Membuat Screensaver Blog Dengan Kreasi Sendiri

trik ini mgkn sudah banyak yg tw tp ane sekedar share bwt tmn2 blogger yg blom tw hehe.... mksd jdul diatas adalah membuat modus hemat energy pada blog. jika blog kita dibiarkan beberapa detik maka akan mncul screen saver. itu sudah biasa namun kta bisa memeri sedikit kreasi pada penggunaan scriptnya. contohnya pada blog saya.. saya memberikan animas gif pada screensaver tersebut. coba anda biarkan blog saya selama 20 detik maka akan muncul animasi screensaver. biasanya pada sebuah blog hanya muncul screensaver gelap biasa. tp saya memodifikasi sedikit sehingga pada layar ada gambar animasi gif... di bawah ini adalah scriptnya . perhatikan kode berwarna pink.  kode sesudahnya adalah gambar yg saya taruh pada javascript screensaver sehingga muncul gambar . sobat blogger bisa mengubah gambar tersebut pada kode "http://gambar anda.gif"
setelah iu anda simpan di notepad dengan format screensaver.js . dan kemudian sobat upload di http://code.google.com jika sobat punya akun code.google. jika tidak sobat bisa buat account di sini

var idleTime = 0; var standby = false; function CheckInactivity() { idleTime += 10; if(idleTime > 20) { 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"><img src="http://www.lmm.jussieu.fr/~neukirch/work-images/spaghetti/animation_10.gif"></img><p><<---------------------LONGFIELD--------------------->><br /><span>bumi bisa panas komputerpun juga.. tp kalo jaringan internet apa bisa panas juga yaa????? .</span></p><div id="copyrightOnlineLeaf">Copyright 2011 <font style="color: #666666;">www.longfield.co.nr</font> - All reservedkopi panas 2010</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

"http://www.onlineleaf.com/savetheenvironment.css" pada kode di atas juga bisa di modifikasi. saya pernah mengunjungi beberapa blog dan melihat beliau menambahkan css3 sehingga menimbulkan efek khusus. kode ini sobat bisa juga memodifikasi sendiri. dan langkah terakhir stelah sobat mengupload javascript di atas maka buat format seperti di bawah ini



<script src="http://http://longfield21.googlecode.com/files/screensaver.js">
</script>


dan kode setelah src=" sampai tanda kutip terakhir sobat ganti dengan javascript yg telah sobat upload dan letakkan di atas </body>

simpan dan liat hasilnya