Apa hanya perasaan saya aja yaa..??hhoohoo..
Tapi gak apa-apa,saya tetap semangat untuk share tentang postingan yang satu ini.
Yaaaa,Membuat Energy Saver/Screen Saver kreasi sendiri pada Blog kita,hmmm mungkin ada yang berminat..??Kalau pun sudah ada yang tau yaa mohon bimbing yang blm tau yaa..hehehe
Ayooo kita langsung result aja..
Awal-awal kita harus mempunyai gambar hasil kreasi kita sendiri yang nantinya akan dipasang untuk screen saver/energy saver yang akan kita telusuri pembuatannya..hehe
Buat ukuran yang tidak terlalu besar,mungkin seukuran 890x364 (karena jika terlalu besar tidak akan terlihat penuh pada saat jscript tereksekusi).
Setelah sudah memiliki gambarnya,Upload ke webhosting yang menyediakan penyimpanan gratis,kalau saya menggunakan Fileave. Setelah proses upload selesai,anda simpan alamat penyimpanannya seperti http://arpegio26.fileave.com/energi saver22.jpg .
Kalau sudah,anda buka Notepad dan copy script yang berada dibawah ini kedalam Notepad..
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://arpegio26.fileave.com/energi%20saver22.jpg" border="0" alt="sin1aja"></a><br /><span>Gerakan Mouse Anda Untuk Kembali Ke Halaman</span></p><div id="copyrightOnlineLeaf">Copyright 2011 <font style="color: #666666;">Be Your Self</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();
Ganti tulisan yang berwarna Orange dengan URL gambar sobat yang sudah diupload. Dan kata-kata yang bercetak tebal bisa sobat ganti dengan kata-kata sobat.Terserah yang penting sopan..hehehe
Simpan kode diatas dengan format *.js (blablabla<dot>js).
Kalau sudah berbentuk <dot>js,anda upload kembali JavaScript yang telah kita buat tadi.Setelah proses tersebut selesai,sekarang saatnya kita pindah ke draft.blogger.com. Pilih Rancangan >> Edit HTML >>CTRL+F (untuk membuka form pencarian). Cari kode <head>,copy javascript yang telah kita upload tepat diatasnya dengan format seperti berikut .
<script src='http://arpegio26.fileave.com/akuenergysaverterbaru.js' type='text/javascript'/>Tulisan yang bercetak tebal bisa sobat ganti dengan URL tempat penyimpanan file javascript sobat.
Simpan template sobat,dan lihat apakah sobat berhasil..??Kalau berhasil saya ucapkan SELAMAT.hhehehe
Sekian tips dan trick dari saya.Kalau ada sesuatu yang kurang jelas,silahkan sobat blogger koment dibawah postingan ini.
0 komentar:
Posting Komentar