dapatkan akun email gratis @baimgokil27.co.cc
IP

Minggu, 23 Januari 2011

cara buat screensaver blog

langsung aja cara membuat nya!!

1. Login ke blogger
2. Masuk ke tata letak
3. Dan pilih Edit HTML
4. Jangan lupa centang kotak kecil (Expand Template Widget)
5. Cari Kode
6. Letakan kode di bawah ini, diatas kode </head>

<script src=' http://baimgokil.webs.com/screensaver3.js'>
</script>

7. Selesai deh.
Sebenarnya, cara diatas sudah bisa di gunakan untuk membuat Screen saver di blog. Namun, kurang menarik karena yang akan muncul adalah screensaver punya saya. Anda bisa mengeditnya dengan kreatifitas anda sendiri. Berikut adalah kode javascript yang saya edit

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('<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><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;">SCREENSAVER MODE IS "<blink>ACTIVE</blink>"</font><br/><span><font style="color: #FFFFFF;"> gerakkan kursor sekarang juga untuk "<blink>NONAKTIFKAN</blink>" screensaver</font></span></p><div id="copyrightOnlineLeaf"><font style="color: #00FF00;">Copyright 2011 - ibrahim blog | visit to my blog | http://baimgokil.blogspot.com/</font> <font style="color: #FFFFFF;">Supported by::www.onlineleaf.com</font></div></div>');jQuery("#energysaving").hide()})})}}InitJQuery();

simpan kode tersebut dengan ekstensi .js. lalu upload file tersebut
selesai

Tidak ada komentar:

Posting Komentar


Mobile Edition
By Blogger Touch