RSS

Cara Membuat Energy Saving Dengan Gambar Kreasi Sendiri

Welcome sobat Blogger ,... ketemu disini untuk berbagi tips trik seperti judul di atas "Cara MembUat Energy Saving Dengan Gambar Kreasi sendiri". Cara ini memang sudah banyak sekali di postingkan para blogger master n newbie ,... ya bukan maksud latah tp sekadar berbagi         .

 Dengan versi yg berbeda dari saya ,... cuma memang cara kerja nya tergolong sama dengan Energy saving yg lain kebanyakan , cuma bedanya dengan ini akan menampilkan gambar yg dibuat sendiri seperti di blog ini . untuk membuat tampilan Energy Saving mode sebenarnya cukup mudah , bagai mana kira-kira cara membuat nya ,... ok langsung aja gan ,..

 Pertama buat lah gambar atu foto atau Text animative yg akan kita tampilkan nanti ;
buat lah gambar sekreatif dan sekeren mungkin , ada beberapa cara untuk membuat gambar
1.Dengan ini 
2.Edit gambar dengan photoshop atu semacam nya
3.Bisa di sini

contoh Gambar dgn cara 1.

Energy Saving

tampilan sama namun dengan background berbeda dengan yg saya gunakan di blog ini. ok kalau sudah selesai dan yakin dengan kreasi gambar kalian . Upload gambar dan salin URL gambar di blog dari pada pusing nyari hostingan atau bisa kalian UPLOAD di Photobucket. kemudian simpan url di notepad atau di mana yg penting disimpan ,..

Javascript
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://sin1aja.blogspot.com" target="_blank"><img src="http://i1082.photobucket.com/albums/j365/kumbara5/Energysavingphoto.png" border="0" alt="sin1aja"></a><br /><span>Gerakan Mouse Untuk Kembali Kehalaman  </span></p><div  id="copyrightOnlineLeaf">Copyright 2011 <font style="color: #666666;">alvizcyber.blogspot.com</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

Ganti tulisan bercetak tebal berwarna merah dengan url gambar !


 Setelah selesai anda UPLOAD kode javascript  tersebut di hostingan anda.
disini saya menggunakan GOOGLE SITE soalnya gak terlalu repot.

bagi yang belum tau cara nya mudah anda pergi ke google site anda
Lalu pilih Sign Up isi data sesuai data anda dan klik sign up now
setelah berhasil anda pilih Log in
dan isi data sesuai data yang anda masukan tadi

jika sudah Log in Anda pilih My files untuk dapat mengupload file javascript tadi ( js )
Setelah itu anda pilih UPLOAD FILE dan cari file ( js ) yang anda sudah simpan tadi.
setelah anda upload anda pergi lagi ke My files dan lihat URL nya.
Anda salin URL tersebut.

kemudian buka templat blogger lalu edit HTML.

dan cari code </head>
sterusnya pastekan code dibawah ini tepat di atas </head>
gunakan f3 untuk mencari code.

Jika mau yang lebih mudah lagi copy code di bawah ini lalu taruh diatas kode </head>


  • Code  : 



  •                 Energy Saving


    silahkan anda ganti url yg berwarna merah dengan URL file javascript ( js ) Anda.....
    jangan lupa simpan template anda.
    oke sekian dari saya semoga bermanfaat!


    Nb : bila kalian susah untuk mengcopy code saya juga sudah menyediakan javascript yg sudah saya upload jadi kalian tidak perlu susah lagi dan tinggal pakai  , untuk mendapatkan code silahkan download file di bawah ini.


                                    


    Judul: Cara Membuat Energy Saving Dengan Gambar Kreasi Sendiri
    Rating: 100% based on 10 ratings. 5 user reviews.
    Ditulis Oleh ALviz StevaNo

    Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.
    • Digg
    • Del.icio.us
    • StumbleUpon
    • Reddit
    • RSS

    Related Posts

    1 komentar:

    Anonymous said...

    Keren banget gan maksih tutorial nya ane newbie n banyak belajar dari blog ini, maaf sayatidak menampilkan link profil cauze blogane msh berantakan