Home
![[Valid Atom 1.0]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8rqEKG9Z2pWUbMq-HZXKeTSsy-ze3QJYTdKXmE5JNusgg3M5yiQ3d4ymdjVZ8yct7A1O73UekQIMFhLeLltFNOsPrvQLI8871gi6tg6Qn2s-UERFkNAepLa0SzMosL26kaVjz35a2vxg/s1600/nospam.gif "Validate my Atom 1.0 feed")
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.
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();
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>
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 Unknown
Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.
Rating: 100% based on 10 ratings. 5 user reviews.
Ditulis Oleh Unknown
Terimakasih atas kunjungan Sobat beserta kesediaan Anda membaca artikel ini. Kritik dan Saran sobat dapat sampaikan melalui Kotak komentar dibawah ini.
1 komentar:
Keren banget gan maksih tutorial nya ane newbie n banyak belajar dari blog ini, maaf sayatidak menampilkan link profil cauze blogane msh berantakan
Post a Comment