Search This Blog

Home » » Cara Buat Tampilan Hemat Energi di Blog Dengan Gambar Sendiri

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:

  1. Mantab sob… Mampir balik blog ane ya sob… Berbagi HACKING, TWEAKING, SOURCE CODE, TIPS N TRICK, SOFTWARE, GAME, dll

    ReplyDelete
  2. nice info sob.. :)
    ijin praktek sob.. hehe

    ea, di tunggu follow balik ny sob..:)

    ReplyDelete
  3. OK terima kasih!
    udah ane follow Sob!

    ReplyDelete
  4. padahal penjelasannya sudah detail ya, tapi memang dasar saya gaptek sih :') masih nggak ngerti, terutama dari poin 3 nih. hahaha

    ReplyDelete
  5. 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!

    ReplyDelete
  6. qw kq gk dpet scriptnya
    di lihat pesan email yahoo atu fb?

    ReplyDelete
  7. chek di kotak masuk Email atau spam!
    semoga berhasil :D

    ReplyDelete
  8. This comment has been removed by the author.

    ReplyDelete
  9. Devil of Hacker: cek pada email yg telah Sobat masukkan saat melakukan upload file JS.

    gado2semarang: Sama2 kembali kasih!!!

    ReplyDelete
  10. 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 ?

    ReplyDelete
  11. keren mas. bisa di applikasikan ke blog ane tanpa cacat :)

    ReplyDelete
  12. 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();

    ReplyDelete
  13. 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!

    ReplyDelete
  14. Mantap sob :D
    Izin pakai ya dan izin edit hehehehe :D

    #Koment Balik Ya Sob DI Pasang Iklan Di Blog Ini

    ReplyDelete

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!

Ikuti Kami di Sosial Media

Facebook  Twitter  Google+ Instagram Yahoo RSS Feed

Terpopuler

.comment-content a {display: none;}