CSS

Kamis, 09 Agustus 2012

Cara Membuat Screensaver (Energy Saving Mode) Blog/Website

·





Dengan adanya screensaver tersebut, proses-proses dalam suatu halaman web dihentikan (paused) dan muncul sebuah tampilan baru sangat sederhana di atas halaman,dan apabila pengujung blog ingin membuka tab lain tidak akan memberatkan browsernya.



Energi Saving Mode (screensaver) Blog ini sudah banyak yang mempostingnya,dan banyak pula yang mengeluhkan loading blog jadi berat,tapi kami melakukan perubaha-perubahan agar tidak memberatkan loading blog,dari sisi kode javascript kami banyak memotong dan memodifikasi agar menjadi sangat ringan.



Langkah-langkahnya sebagai berikut :



1. Login ke account blogger Anda.

2. Klik tab Rancangan -> Edit HTML.

3. Download template dulu apabila terjadi kesalahan dapat di kembalikan seperti semula.

4. Tekan Ctrl + F untuk memudahkan pencarian.

5. Cari kode <head> dan pastekan kode berikut tepat di bawahnya :









1. Masuk ke edit HTML/Edit Template, cari (CTRL + F) tag </head>.

2. Copy dan paste script screensaver berikut tepat di atas/sebelum </head>.
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
Script di atas menggunakan Jquery JS library, jika web anda menggunakan javascript library yang lain, gunakan script berikut untuk menghindari crash/conflict dengan jquery dan gagalnya aplikasi:
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

<script>jQuery.noConflict();</script>


KOSTUMISASI SCREENSAVER BLOG

 Kostumisasi waktu screensaver sebelum standby mode:

Trik ini sangat sering digunakan pada url javascript untuk meng-override waktu default. Untuk memberikan waktu/jeda sebelum aplikasi screensaver muncul dan bekerja, tambahkan ?time=x di belakang url script. X adalah jumlah detik.

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?time=80' type='text/javascript'/>


Dengan script seperti contoh di atas, energy saving mode akan bekerja setelah 80 detik

0 komentar:

.