Di postingan kali ini saya akan berbagi bagaimana cara membuat screensaver sederhana pada blog. Langsung aja deh:
1. Login ke blogger
2. Klik Rancangan
3. Dan pilih Edit HTML
4. Ceklis Expand Template Widget
5. Cari Kode <head> ,Supaya mudah carinya klik Ctrl+F
6. Letakan kode di bawah ini, diatas kode <head>
<!-- save your energy -->Tapi jika tidak puas dengan Screensaver bawaan
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
<!-- save your energy end -->
anda bisa edit script di bawah ini:
var idleTime=0;var standby=false;function CheckInactivity(){idleTime+=10;if(idleTime>30){InitializeStandBy()}}function InitializeStandBy(){if(!standby){var a=0;a=jQuery(window).height();jQuery("#energysaving").show().css({height:"0",width:"0",left:"50%",top:"50%"}).animate({width:"100%",height:a,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(a){idleTime=0;StopStandBy()});jQuery(document).keypress(function(a){idleTime=0;StopStandBy()});jQuery("body").append('<div id="energysaving"><p><font style="color: #2fb2fa;">Energy saving mode "<blink>ACTIVE</blink>"</font><br/><span><font style="color: #FFFFFF;">Please move the mouse for normally</font></span></p><div id="copyrightOnlineLeaf"><font style="color: #afafaf;">Copyright 2011 - =xBLITZx= | visit my blog | http://blitz-pb.blogspot.com/</font> <font style="color: #FFFFFF;">Supported by: www.onlineleaf.com</font></div></div>');jQuery("#energysaving").hide()})})}}InitJQuery();Tulisan yg berwarna merah untuk timingnya,yg berwarna biru bisa dirubah sesuai kehendak sendiri,yg berwarna hijau itu untuk warna tulisan,bisa di rubah sesuai selera
disarankan edit notepad nya di notepub.com biar keliatan semuanya,kl di notepad bawaan windows,tulisan nya jadi memanjang dan tentunya bikin PUSING,setelah selesai di edit baru copas ke Notepad dan save dengan extensi "js" tanpa tanda kutip.Conto : Screensaver.js
setelah di save,anda upload file tadi ke sites.google.com ,setelah sukses upload, anda copy link nya dan ganti tulisan "http://www.onlineleaf.com/savetheenvironment.js"dengan link anda tadi
Selesai........................
Selamat mencoba.............
0 komentar:
Posting Komentar