jQuery Screensaver for Blogger

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Tutorial kali ini saya akan membahas tentang jQuery Screensaver for Blogger atau sering disebut dengan energi power saving. Karena tutorial ini saya buat semudah mungkin, jadi saya harap pembaca bisa mengerti apa yang saya bahas dan saya harap mengerti telah apa yang saya maksud. OK kalau begitu kita langsung saja menuju ke TKP

1. Masuk ke akun blogger anda
2. Klik rancangan, kemudian Edit HTML
3. Pada Edit HTML, centang Expand Template Widget
   Expand Template Widget
4. Selanjutnya buat script di bawah ini

var idleTime=0;var standby=false;function CheckInactivity(){idleTime+=10;if(idleTime>10){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: #ffffff; font-family:Comic Sans MS; font-size:20px;">Screensaver diaktifkan</font><br/><br/><span><font style="color: #00ff00;font-family:Comic Sans MS; font-size:20px;">Gerakan Kursor untuk kembali ke Junior Iqfar</font></span></p><div id="copyrightOnlineLeaf"><font style="color: #ffffff; font-family:Old English Text MT; font-size:20px;">Protected by Junior Iqfar</font></div></div>');jQuery("#energysaving").hide()})})}}InitJQuery();

atau bila anda pusing dengan kode di atas, anda bisa menggunakan Screensaver punya saya.

<script src='http://dl.dropbox.com/u/22738692/Screensaver/script.js' type='text/javascript' language='javascript'/>

5. Kemudian letakkan script tadi, dan letakkan di bawah code

</head>

6. Simpan Template

Untuk mensetting jQuery Screensaver untuk blogger

• (idleTime>10)

  Waktu screensaver aktif

• Screensaver diaktifkan

  Gerakan Kursor untuk kembali ke Junior Iqfar

  Protected by Junior Iqfar

  Anda bisa mengganti sesuai keinginan anda

ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ

Artikel Terkait