Cara Buat Tampilan Hemat Energi di Blog Dengan Gambar Sendiri

Posted by ®Ugiw Blog on January 03, 2012

Sahabat mungkin sudah pada tau apa itu Tampilan Hemat Energi di Blog, seperti yang saya pake juga di blog ini. Ketika sahabat tidak melakukan aktivitas di blog ini atau ketika sedang browsing di halaman lain, maka ketika membuka halaman blog saya ini lagi akan terlihat tampilan halaman hemat energi.

Contoh tampilan hemat energi punya blog saya

OK langsung saja ke tutorialnya:

1. copy script berikut dan paste di notepade

2. kemudian cari tulisan yang ditandai warna merah berikut yang ada di dalam script diatas:

http://ugiw.blogspot.com (ganti dengan URL blog kamu)
http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash2/166922_336734259676920_243451975671816_1620412_1000593647_n.jpg (ganti dengan URL image kamu yang nantinya akan menjadi tampilan background Hemat Energi)
Gerakan Mouse Sahabat Untuk Kembali Ke Halaman (ganti tulisan ini sesuai dengan selera kamu)
DIKDIK M WIGUNA (ganti dengan namamu atau tulisan apa saja terserah)

3. Setelah selesai dimodifikasi, selanjutnya save dengan exsistensi file JS (Java Script). caranya save as, lalu kasih nama: hematenergi.js (catatan: jangan lupa pada save as type pilih All file dan pada encoding pilih Ansi)

4. Kemudian upload file JS tersebut ke alamat ini: http://yourjavascript.com/
browse file yang akan di upload tadi, lalu masukkan email kamu. Nanti akan ada balasan dan dikirim widget scriptnya ke email kamu. Setelah di upload buka dan cek email kamu, lalu copy scriptnya yang dikirim tadi.

5. selanjutnya masuk ke blog kamu, pilih Tata letak =>Tambah gadget => Html javascript, kemudian pastekan widget javascript tadi. Klik simpan/save

6. Semoga berhasil

Jika ada yang kurang jelas, silahkan beri komentar!

17 komentar:

Black Angel Syndicate3 January 2012 at 16:11
Mantab sob… Mampir balik blog ane ya sob… Berbagi HACKING, TWEAKING, SOURCE CODE, TIPS N TRICK, SOFTWARE, GAME, dll
Admin3 January 2012 at 16:36
OK sob, Terima Kasih :D
RUKI ZONE4 January 2012 at 00:54
nice info sob.. :)
ijin praktek sob.. hehe

ea, di tunggu follow balik ny sob..:)
Admin4 January 2012 at 01:10
OK terima kasih!
udah ane follow Sob!
SKN6 January 2012 at 20:22
padahal penjelasannya sudah detail ya, tapi memang dasar saya gaptek sih :') masih nggak ngerti, terutama dari poin 3 nih. hahaha
Admin6 January 2012 at 21:18
untuk point 3 itu maksudnya, scriptnya yg sudah di paste di notepade lalu di save as dg nama filenya: terserahanda.js

kata terserah anda bisa diganti sesuka anda namanya, asalkan berakhiran ".js" (tanpa tanda kutif). kemudian jangan lupa pada save as type pilih All file dan pada encoding pilih Ansi. kilik save.
setelah itu lanjut ke poin 4 dst.

Semoga berhasil!
DeVil-BlacK J22 January 2012 at 15:46
qw kq gk dpet scriptnya
di lihat pesan email yahoo atu fb?
Admin26 January 2012 at 02:19
chek di kotak masuk Email atau spam!
semoga berhasil :D
romi8 February 2012 at 01:03
This comment has been removed by the author.
gadogadosemarang.com28 February 2012 at 14:20
mantaap....makasih...
Admin10 March 2012 at 18:42
Devil of Hacker: cek pada email yg telah Sobat masukkan saat melakukan upload file JS.

gado2semarang: Sama2 kembali kasih!!!
Elvina Yanti17 March 2012 at 14:33
pertama saya coba berhasil mas, tapi setelah saya ganti template saya coba pake kembali.. tapi ga sukses dia.. dan format image nya .png apa ngaruh ?
atau karena template nya ga support ?
Elvina Yanti8 August 2012 at 09:59
keren mas. bisa di applikasikan ke blog ane tanpa cacat :)
Junianto Tulak30 October 2012 at 10:20
Ane uda coba sob tapi kok tdak berhasil,,,, Ada Masalah gaa' bang !
Yang saya terima scriptnya kayak gini banga

var idleTime=0;var standby=false;function CheckInactivity(){idleTime+=10;if(idleTime>60)
{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">
<p><a href="http://juniberbagi.blogspot.com" target="_blank"><img src="http://i1290.photobucket.com/albums/b527/davatulak/edit6.jpg"></a>
<br /><span>Gerakan Mouse Sahabat Untuk Kembali Ke Halaman Normal</span>
</p><div id="copyrightOnlineLeaf">Copyright 2011 <font style="color: #666666;">SKRIPSI GRATIS OLEH JUNIANTO TULAK</font> - All rights reserved</div></div>');jQuery("#energysaving").hide();});});}}InitJQuery();
Admin11 November 2012 at 19:33
Coba ulangi lagi dan perhatikan petunjuknya baik2. Ingat simpan code diatas dg exsistensi file .js
Lalu upload ke: http://yourjavascript.com/
Jgn lupa ganti yg tulisan warna merah dengan link blog dan file Sobat.

Semoga membantu!
Acep-Computer22 December 2012 at 06:15
Mantap sob :D
Izin pakai ya dan izin edit hehehehe :D

#Koment Balik Ya Sob DI Pasang Iklan Di Blog Ini
Unknown30 June 2013 at 14:14
MANTAP

Cara Berkomentar untuk yang tidak memiliki blog:
1. Klik selec profile --> pilih Name/URL
2. Isi nama kamu dan Kosongkan URL atau isi dengan alamat fb kamu
3. Klik Lanjutkan
4. Ketik komentar kamu dan publish
Terima Kasih!