Put Energy Saving on The Blogspot

Online Leaf - Making Website Greener

 
Save the environment, online
The Online Leaf project develops and markets green website additions, which are easy to use on any website.
The idea is that a lot of small improvements make a large impact if they are spread out on a large enough number of websites, which will hopefully make the web less of a burden to the environment.

It might not seem like a lot of difference, but after all every little bit does count.

You can install the standby engine by copy & pasting the following code into the tag on your website or blog... yeah, it's that simple!

Paste the code before the tag </head>:

<script language="javascript" type="text/javascript"
src="http://www.onlineleaf.com/savetheenvironment.js"></script>

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

Now try it, make your blog greener..

Source: energy saving, http://www.onlineleaf.com/

Selengkapnya

Custom Energy Saving-1

Postingan ghoscell kali untuk menanggapi request dari sobat Fzhlr tentang cara membuat custom energy saving. Bagi temen blogger silahkan baca artikel mengenai cara pemasangan energy saving dari onlineleaf.com terlebih dahulu.

Duh, akhirnya.. ghostcell memberanikan diri juga untuk berbagi cara membuat custom energy saving ini, tepatnya hanya sebatas merubah tulisan yang muncul saja.

Ghoscell mohon maaf jika cara membuat custom energy saving ini merepotkan sekali. Sebenarnya caranya adalah dengan mengubah kode savetheenvironment.js yang terdiri dari satu kode css dan satu kode javascript lagi didalamnya. Maka, dapat diambil kesimpulan kode savetheenvironment.js ini punya anak 2.. hahaha..
Oke fokus, custom selebihnya bisa anda eksperimen sendiri.., misal: merubah warna background, dan waktu. harap maklum ya gan, ghostcell kan pemula, hehehe.. cekidot deh

Langkah I:
1. Download kode savetheenvironment.js
2. Download kode savetheenvironment.css

Langkah II:
1. Buka dan edit kode savetheenvironment.css dgn notepad
2. Point:
   #energysaving : background-color, opacity
   #energysaving p : middle text (font-size, font-family, color)
   #energysaving p span : footer text
3. Simpan, upload ke filehosting dan catat alamat urlnya.

code of savetheenvironment.css :
div#energysaving, div#energysaving * {  -moz-border-radius: 0;  -webkit-border-radius: 0;  border: 0;  background-color: #000000; } div#energysaving {  margin: 0;  padding: 0;  position: absolute;  left: 50%;  top: 50%;  opacity: 0;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0);  text-align: center;  z-index: 100; } @media screen { body>div#energysaving { position: fixed; } } div#energysaving p {  margin: 0;  padding: 0;  width: 100%;  font-size: 18px;  font-family: arial;  color: #333333;  position: relative;  top: 40%;  line-height: 20px;  font-weight: bold;  text-align: center;  text-shadow: none; } div#energysaving p span {  color: #555555;  font-size: 12px;  font-weight: normal; } div#energysaving div#copyrightOnlineLeaf {  padding: 0;  margin: 0;  color: #333333;  font-size: 12px;  font-weight: normal;  position: absolute;  bottom: 20px;  text-align: center;  width: 100%;  height: 20px;  left: 0%; }

Langkah III:
1. Buka dan edit kode savetheenvironment.js dgn notepad
2. Cari "http://www.onlineleaf.com/savetheenvironment.css" dan ganti dengan url file savetheenvironment.css yang telah anda edit.
3. Cari ( Ctrl F / F3 dan Edit Move your mouse to go back to the page.
4. Simpan, dan upload ke filehosting anda..
5. Catat alamat urlnya untuk pemasangan di blog anda.

Baca lagi artikel cara menambahkan energy saving di blog.

code of savetheenvironment.js :
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>Energy saving mode<br /><span>Move your mouse to go back to the page.</span></p><div id="copyrightOnlineLeaf">Copyright 2009 <font style="color: #666666;">OnlineLeaf.com</font> - All rights reserved</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

click to activate the saving energy

code activating energy saving with link :
<a onclick="setTimeout('InitializeStandBy();', 500);" style="font-size: 18px; cursor: pointer; color: rgb(0, 102, 0);">click to activate the saving energy</a>

Selamat mencoba, semoga sukses..

P/s: Jika temen blogger ingin share cara lain tentang custom energy saving silahkan, ghostcell menerima kritik dan saran yang bersifat membangun dengan senang hati.. namanya juga belajar.. salam persahabatan

Selengkapnya

Cara Mengganti Tulisan Older Post dengan Gambar

Lanjut.. berikut ini adalah sharing ghostcell tentang mengganti tulisan older post (posting lama), newer post (posting lebih baru), home (beranda) pada blog.
Mungkin bagi master yang sudah banyak makan asam garam di dunia blogger, hal ini sangat mudah dilakukan, namun bagi temen-temen yang baru belajar seperti ghostcell, ini adalah hal baru, seperti halnya artikel tentang cara memasang saving energy pada blog.

Okeh, ikuti caranya:

1. Login ke blogger.
2. Masuk ke tab Fancangan, Edit HTML
3. Backup terlebih dahulu template anda agar tidak terjadi kesalahan fatal.
4. Klik Download Template Lengkap
4. Centang Expand Template Widget

Kemudian cari kode berikut ( untuk pencarian cepat, tekan Ctrl F atau F3 ):

<data:homemsg>
* untuk mengganti tulisan home (beranda)

<data:olderpagetitle>
* untuk mengganti tulisan older post (posting lama)

<data:newerpagetitle>
* untuk menganti tulisan newer post (posting lebih baru)

p/s : ganti kode-kode diatas dengan url gambar anda atau download gambar yang telah ghostcell sediakan.

Download gambar Newer Post
Download gambar Older Post
Download gambar Home

Selengkapnya

Cara Membuat Favicon | Icon pada Title Bar

Favicon adalah icon yang terdapat pada title bar atau tab bar pada web browser, cara membuatnya pun ternyata cukup mudah dengan menggunakan tool Favicon Generator.

Berikut tips membuat favicon :

1. Siapkan gambar yang akan dijadikan icon, tipe file: *.jpg, *.gif, *.png
2. Kunjungi http://tools.dynamicdrive.com/favicon/ atau http://www.favicongenerator.com
3. Pada tombol browse pilih gambar yang akan dijadikan icon.
4. Kemudian klik “create icon”
5. Klik “download favicon” untuk menyimpan gambar, hasilnya berupa : nama_file.ico
6. Upload icon tersebut ke situs penyimpanan online, coba di www.fileave.com, sebelumnya daftar terlebih dahulu.
7. Kemudian masuk ke akun blogger anda, lalu masuk ke Edit HTML

Kemudian cari tag </head>, dan tambahkan code di bawah ini tepat diatas tag </head>:

<link href='http://url_favicon_anda' rel='shortcut icon' type='image/x-icon'/>

Keterangan : ganti "url_favicon_anda" dengan alamat file icon yang telah anda upload.

Contoh penambahan kode pada blog ini:

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfsjH4NIHom777QInVAakBQB2F511_CBR1mrqvF2U9-jB4FyIjFj2G26edtBzyY9lWzLhd8CT2-lTdb8g6L3Tv21qTsNokTQWw99NGhBS743U8xo77b4rXNyfqCj9NOnr_SLHqko5LdTT7/s128/Favicon_Tutorial.png' rel='shortcut icon' type='image/x-icon'/>

Semoga Bermanfaat.

Selengkapnya

Cara Membuat Tombol Spoiler

Cara Membuat Tombol Spoiler

Temen blogger ada yang belum tau cara membuat tombol spoiler atau tombol hide show, oke pembelajaran ghostcell kali ini tentang cara membuat tombol spoiler kayak yang ada di forum-forum. Lihat penampakannya:

link Download :  

***Hidden Content***
Please follow to see hidden content. Thanks

Berikut caranya:
1. Pada Tab Rancangan, Elemen Halaman
2. Pilih Add Gagdet, HTML/JavaScrip
3. Copy Paste kode berikut:

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

***Hidden Content***
Please follow to see hidden content

</div></div></div>

4. Simpan

Selamat Eksperimen.

Selengkapnya

Cara Membuat Teks Berjalan pada Title Bar

1. Pada Tab Rancangan, pilih Elemen Halaman
2. Add Gagdet, Pilih HTML/JavaScript
3. Copy Paste kode berikut:


<script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb5_makeArray(n){
    this.length = n;
    return this.length;
}

tb5_messages = new tb5_makeArray(3);
tb5_messages[0] = "Selamat Datang";
tb5_messages[1] = "Tutorial TIK PTD";
tb5_messages[2] = "Selamat Mencoba";
tb5_rptType = 'infinite';
tb5_rptNbr = 5;
tb5_speed = 300;
tb5_delay = 2000;
var tb5_counter=1;
var tb5_currMsg=0;
var tb5_stsmsg="";
function tb5_shuffle(arr){
var k;
for (i=0; i<arr.length; i++){
    k = Math.round(Math.random() * (arr.length - i - 1)) + i;
    temp = arr[i];arr[i]=arr[k];arr[k]=temp;
}
return arr;
}
tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
    tb5_arr[i] = i;
    tb5_sts[i] = "_";
}
tb5_arr = tb5_shuffle(tb5_arr);
function tb5_init(n){
var k;
if (n == tb5_arr.length){
    if (tb5_currMsg == tb5_messages.length-1){
        if ((tb5_rptType == 'finite') && (tb5_counter==tb5_rptNbr)){
            clearTimeout(tb5_timerID);
            return;
        }
        tb5_counter++;
        tb5_currMsg=0;
    }
    else{
        tb5_currMsg++;
    }
    n=0;
    tb5_arr = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
    tb5_sts = new tb5_makeArray(tb5_messages[tb5_currMsg].length);
    for (var i=0; i<tb5_messages[tb5_currMsg].length; i++){
        tb5_arr[i] = i;
        tb5_sts[i] = "_";
    }
    tb5_arr = tb5_shuffle(tb5_arr);
    tb5_sp=tb5_delay;
}
else{
    tb5_sp=tb5_speed;
    k = tb5_arr[n];
    tb5_sts[k] = tb5_messages[tb5_currMsg].charAt(k);
    tb5_stsmsg = "";
    for (var i=0; i<tb5_sts.length; i++)
        tb5_stsmsg += tb5_sts[i];
        document.title = tb5_stsmsg;
        n++;
    }
    tb5_timerID = setTimeout("tb5_init("+n+")", tb5_sp);
}
function tb5_randomizetitle(){
    tb5_init(0);
}
tb5_randomizetitle();
</script>


P/s : Kunjungi (http://www.bosiljak.hr/titlemaker) untuk alternatif efek tampilan teks.

Selamat Mencoba.

Selengkapnya

Memilih Sebuah Lampu

Ada tiga fitur penting untuk dipertimbangkan saat memilih lampu:

• Voltage rating (Rating tegangan) - tegangan suplai untuk brightness normal.
• Power or current rating (Power atau nilai sekarang) - lampu kecil biasanya dinilai oleh arus.
• Lamp type (Jenis Lampu) - silakan lihat tabel di bawah ini.

Tegangan dan daya (atau sekarang) peringkat biasanya dicetak atau timbul pada tubuh lampu.

Voltage rating

Ini adalah tegangan suplai yang diperlukan untuk brightness normal. Jika tegangan yang sedikit lebih tinggi digunakan lampu akan lebih cerah tetapi masa pakai baterai akan menjadi lebih pendek. Dengan tegangan suplai lebih rendah lampu akan redup dan masa yang akan lebih panjang. Cahaya dari lampu redup memiliki warna kuning-oranye.

lampu Obor lulus relatif besar saat ini dan ini secara signifikan mengurangi tegangan output dari baterai. tegangan Beberapa habis digunakan di dalam baterai mengemudi arus besar melalui hambatan kecil dari baterai itu sendiri ('resistansi internal' nya). Akibatnya voltase yang benar untuk lampu obor lebih rendah dari tegangan normal baterai yang lampu itu!

Sebagai contoh: lampu diperingkat 3.5V 0.3A benar untuk baterai 4.5V (1.5V tiga sel) karena ketika lampu dihubungkan tegangan baterai jatuh di sekitar 3.5V.

Power or current rating

Ini adalah kekuasaan atau saat lampu ketika tersambung ke tegangan yang pengenal. Lampu daya rendah biasanya dinilai oleh lampu saat ini dan mereka yang tinggi kekuasaan dengan kekuasaan mereka. Sangat mudah untuk mengkonversi antara dua peringkat:

P = I × V P = I × V atau I = P / V I = P / V

dimana:

P = daya dalam watt (W) I = arus dalam amps (A) V = tegangan dalam volt (V)

Contoh:

• A lamp rated 3.5V 0.3A has a power rating P = I × V = 0.3 × 3.5 = 1.05W Sebuah lampu diperingkat 3.5V 0.3A memiliki rating daya P = I x V = 0,3 × 3,5 = 1.05W
• A lamp rated 6V 0.06A has a power rating P = I × V = 0.06 × 6 = 0.36W Sebuah lampu diperingkat 6V 0.06A memiliki rating daya P = I x V = 0,06 × 6 = 0.36W
• A lamp rated 12W 2.4W has a current rating I = P / V = 2.4 / 12 = 0.2A Sebuah lampu diperingkat 2.4W 12W memiliki rating arus I = P / V = 2.4 / 12 = 0.2A

Lamp Type Jenis Lampu

Jenis Lampu	Example Contoh
MES Edison Screw Miniatur Ini adalah lampu kecil standar. Diameter umbi biasanya sekitar 10mm, tetapi lampu tabung juga tersedia. lampu MES memiliki satu kontak di pangkalan dan tubuh bentuk kontak lainnya. Mereka tersedia dengan baik berbagai tegangan dan daya (atau sekarang) peringkat. Lensa berakhir versi yang tersedia untuk menghasilkan sinar cahaya terfokus. LES Lilliput Edison Screw Lebih kecil dari MES, ini memiliki diameter bohlam sekitar 5mm. Photograph © Rapid Electronics Foto © Rapid Electronics
MCC Miniature Centre Contact PKS Pusat Kontak Miniatur These have a bayonet style fitting, like a standard mains lamp in the UK. Ini memiliki gaya pas bayonet, seperti lampu listrik standar di Inggris. They have one contact on the base and the body forms the other contact. Mereka memiliki satu kontak di pangkalan dan tubuh bentuk kontak lainnya. The bulb diameter is about 10mm. Diameter umbi sekitar 10mm. Photograph © Rapid Electronics Foto © Rapid Electronics
SBC Bayonet Cap Kecil Ini memiliki gaya pas bayonet, seperti lampu listrik standar di Inggris. Mereka memiliki dua kontak di pangkalan sehingga tubuh logam tidak terhubung di dalam rangkaian. lampu SBC memiliki peringkat daya tinggi (24W misalnya) dan umbi mereka besar dengan diameter sampai sekitar 40mm. Perhatikan pengaturan filamen dua di lampu ditampilkan, horisontal di vertikal kiri, di sebelah kanan. Photograph © Rapid Electronics Foto © Rapid Electronics
Pra-fokus Jenis lampu digunakan dalam obor dan lentera. Ini mengarah pada bagian atas tubuh logam digunakan untuk menahan lampu di tempat. Fiting lampu tidak tersedia sehingga jenis ini tidak cocok untuk sebagian besar proyek. Photograph © Rapid Electronics Foto © Rapid Electronics
Wire ended Ini adalah lampu sangat kecil dengan bohlam sekitar 3mm diameter 6mm panjang. Berhati-hatilah untuk menghindari gertakan kabel mana mereka memasukkan bola kaca. Photograph © Rapid Electronics Foto © Rapid Electronics
Grain of Wheat (Butir Gandum) These are similar to the wire ended lamps above but they have stranded wire leads usually about 150mm long. Ini mirip dengan kawat yang berakhir lampu di atas tetapi mereka telah terdampar kawat mengarah biasanya sekitar 150mm panjang. bola adalah tentang 3mm diameter dan panjang 6mm - ukuran sebutir gandum! Photograph © Rapid Electronics Foto © Rapid Electronics

Selengkapnya