Senin, 13 Juni 2011

Menerapkan mode hemat brandwith pada website

Konon katanya dengan dengan menggunakan fitur berikut ini website yang kita miliki dapat menghemat penggunaan brandwith. Jujur saya belum terlalu yakin apakah ini benar atau tidak, tetapi sudah banyak di antara situs2 terkenal yang tips ini. Lagipula tak ada salahnya mencoba dan menurut saya fiturnya lumayan keren koq...
ok langsung saja kita praktekkan...


Alat dan bahan :
- website yang anda miliki
- download script pendukung berikut ini 
http://www.ziddu.com/download/15346271/penyimpananenergi.zip.html
- secangkir kopi n cemilan :D (gak wajib)

Cara penggunaan :
- setelah mendownload file di atas lakukan ekstract file (di dalamnya ada 3 buah file yaitu ajax.js , environ.css, penyimpan_energi.js)
- jika selesai di ekstract buka file penyimpan_energi.js pada editor seperti editplus atau sejenisnya
- lakukan perubahan pada code berikut ini sesuai dengan keinginan anda
<p><img src="images.png"><br/>..:::Situs ini menerapakan mode hemat brandwith:::..<br /><span>..:::Gerakkan Mouse anda untuk kembali ke Halaman:::..</span></p> <div id="copyrightOnlineLeaf">Copyright 2011<font style="color: #666666;">arydipa.blogspot.com</font> - All rights reserved</div></div>  
- kemudian simpan file. setelah itu upload ketiga file di atas ke dalam hostingan web anda.

- untuk mengaktifkan fiturnya buka dan edit file index kemudian masukkan kode berikut ini sebelum <head>
<script language='JavaScript' src='enyimpan_energi.js' type='text/javascript'/>  
- save dan selesai

Cara kerja :
jika fitur tersebut di atas sukses terpasang maka secara otomatis pada website anda akan muncul tampilan seperti di bawah ini

fitur di atas akan muncul dan hilang dengan sendirinya dengan ketentuan

* muncul jika dalam beberapa detik, anda tidak aktif pada halaman web
* hilang jika anda kembali aktif dalam halaman web


Contoh:
buka web ini Http://arydipa.blogspot.com dan diamkan sekitar 1 menit dengan ketentuan pointer anda jangan menyentuh halaman tersebut. tunggu beberapa saat maka halaman seperti gambar di atas akan muncul. 


Semoga bermanfaat
buat visitor yang gak ngerti bisa send PM ke saya

2 komentar:

  1. cara ganti warna atau gambar backgroundnya gimana?

    BalasHapus
  2. kalau mau ganti backgroundnya coba buka file environ.css
    di situ ada code background-color: #000000;
    #000000 itu kan kode warna untuk hitam jadi tinggal di ganti aja kode warnanya sesuai keinginan...
    misalkan untuk warna merah
    background-color: #ff0000;
    kalau mau lihat kode warnanya bisa lewat aplikasi Adobe Photoshop atau yang lain

    BalasHapus

Artikel Populer