Energy Saving Dengan Gambar dan Nama Lo.. Mau..?

A

ssalamualaikum, Yups jumpa lagi nih sama gw, yang gak bosen2 nya ngasih tutor buat kalian semua, nah kali ini gw mau kasih tau cara bikin energy saving mode dengan gambar dan nama kita sendiri, mau kan..? mau donk, energy saving itu apa sih..? mau tau..? coba deh lo diemin mouse lo di halaman gw ini, sekitar 25 detik, diem sejenak, nah udah muncul kan gambar + nama gw di screen lo.? wkwkkwkw.. mungkin udah pada tau kan caranya dan udah lama banget, mungkin udah basi menurut kalian, Nah kemaren ada beberapa temen yg nanya ke gw gimana cara bikinnya, dan belom sempet gw bales dan kasih tau, kali ini gw kasih tau dah buat lo lo semua, yang udah tau diem aja ya, gw jangan dikasih batabig, wkkwkwk. tujuannya gw sih cuma berbagi ke temen2 yang belom tau aja, berbagi itu kan indah, asal jangan berbagi penghasilan aja, bisa gawat tuh, ahhaha. oke lanjut, cara bikinnya sangat gampang sih sebenernya, yukk mari kita kupas tuntas:
1. Baca bismillah dulu biar berkah, ahhaaha
2. Edit Script Berikut:

var idleTime=0;var standby=false;function CheckInactivity(){idleTime+=10;if(idleTime>20){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: #00FF00;"></font><br/><span><font style="color: #00FF00;"></font></span></p><div id="copyrightOnlineLeaf"><font style="color: #00FF00;">.::[ENERGY SAVING MODE]::.</br>Copyright By: larsen17.blogspot.com - Thanks For Visit!!</font> <font style="color: #00FF00;"></font></div></div>');jQuery("#energysaving").hide()})})}}InitJQuery();qqq

Dari script diatas yang wajib lo ganti nama dan gambarnya, cari nama berikut: .::[ENERGY SAVING MODE]::. Copyright By: larsen17.blogspot.com - Thanks For Visit!! kalo udah ketemu lo ganti deh dengan nama suka2 lo, trus untuk warnanya, lo cari code berikut: #00FF00 itu kan warna ijo, lo ganti dah pake warna yang lo suka, gampang kan..? iya donk. Nah kalo udah di edit semua tuh script diatas, lo upload scriptnya ke hosting, terserah mau pake hosting apa yang penting bisa nyimpen file JS, bisa gunakan googlecode, atau mau seperti gw upload ke free web hosting area, tinggal pelajari dan baca di postingan gw cara register dan upload file ke web hosting, untuk upload file JS ke googlecode tinggal lo cari aja tutornya di mbah google, disini gw gak ngasih tutor nya,, hhhehehe. nah kalo lo udah upload file diatas ke hosting kan dapetnya URL seperti ini: http://rama07.eu5.org/larsen17.js tinggal lo gabungin dah dengan script berikut:

<script type="text/javascript" src="http://rama07.eu5.org/larsen17.js"></script><br /> <style type='text/css'><br /> div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(http://i1198.photobucket.com/albums/aa459/ramaqq88/Optimized-rama1.jpg) no-repeat center center fixed black; }<br /> div#energysaving p span {display:none;visibility:hidden;}<br /> </style>

Copy dan paste script diatas ke notepad atau ms. word, dan cari kode seperti ini: http://rama07.eu5.org/larsen17.js ganti dengan URL yg tadi udah lo upload ke hosting, kemudian cari lagi kode berikut: http://i1198.photobucket.com/albums/aa459/ramaqq88/Optimized-rama1.jpg ganti dengan URL gambar suka2 lo, yg nantinya nih gambar bakal jadi screen saver pada save mode lo. kalau sudah selesai semua, mari kita beraksi nyoookk,, Masuk ke menu "Page Elements", Klik "Add a Gadget", Pilih "HTML/JavaScript", Masukin dah kode diatas yg tadi udah lo edit, kemudian Klik "Save", Gadgednya gak usah dikasih nama ya, dikosongin aja,, heheheh, dan selesai. tinggal liat hasilnya, gampang kan..? oke deh selamat mencoba aja semoga berhasil dan semoga bermanfaat.. kalau masih bingung dengan tutor diatas, seperti biasa, tinggal berkomentar aja. ahahha, oke. sampai jumpa di psotingan berikutnya, Wassalamualaikum.