Cara Membuat Energy Saving dengan Logo Sendiri

onlineleafAkhirnya posting ke 60. Setelah hampir 3 tahun, blog ini baru memiliki 60 posting. Hahaha, sungguh memalukan sekali. Ya itulah, jika admin tidak serius untuk mengurus sebuah blog, maka 10 tahun pun bisa saja hanya terisi 1 posting. Sebenarnya hari ini saya bingung ingin menulis artikel apa. Dan akhirnya muncul ide untuk menulis membuat energy saving sendiri setelah melihat gambar diatas. Pasti pada tau kan itu logo apa. Ya, itu adalah logo onlineleaf. Jika dulu saya pernah membuat artikel yang berisi cara membuat energy saving dengan onlineleaf akan tetapi kamu tidak bisa mengeditnya sesuka hatimu. Nah sekarang saya akan memberitahu cara membuat energy saving dengan logo sendiri sendiri.


1. Copy kode di bawah ini, lalu tempelkan di 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"><a href="http://afikrubik.blogspot.com/"><p><img src="https://lh5.googleusercontent.com/-a78ulVbzU4I/UZG8-dS-gtI/AAAAAAAAAqo/CTW1QooIpyc/w808-h230-p-o/energy+saving.JPG"/></a><br/><font style="color: #FFFFFF;">Arahkan mouse ka halaman ini untuk kembali</font></p><div id="copyrightOnlineLeaf">Copyright 2011 - <font style="color: #FFFFFF;">afikrubik.blogspot.com</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();
Ganti kode yang berwarna merah dengan url blogmu, warna biru dengan url gambarmu, warna ungu dan orange dengan sesuka hatimu. Untuk kode warna juga bisa kamu ganti sesuka hatimu

2. Jika sudah, save dengan File name berformat .js dan Save as type : All Files


3. Upload file javascript tadi ke javascript hosting seperti google code atau jika kamu mempunyai layanan hosting, kamu bisa menguploadnya di sana

4. Nah, proses membuat energy saving sudah selesai. Sekarang kamu tinggal memasangnya di blog kamu dengan cara ke blogger.com > Template > Edit HTML

5. Copy kode di bawah ini lalu paste di atas <head>
<script language="javascript" type="text/javascript" src="URL Javascript"></script>
Ganti tulisan berwarna hijau dengan url tempat kamu meletakkan javascript

6. Simpan template

Nah sekarang energy saving di blog kamu sudah terpasang. Apabila ada kesalahan atau pertanyaan bisa tuliskan di kotak komentar. Salam Blogger

0 komentar: