Memasang Screensaver Blog Versi 2

Screensaver blog atau biasa disebut energy saving mode merupakan kode script yang diperkenalkan pertama kali oleh onlineleaf dalam gerakan kampanye save green environtment (hemat energi). Fungsi dari kode script ini, yaitu untuk membuat website atau blog berjalan dengan mengkonsumsi energi yang lebih sedikit dengan cara menutup tampilan blog saat sedang idle (diam tanpa ada aktivitas) dengan warna hitam dan gelap.
Penghematan energi pada tampilan monitor baik tabung CRT, LCD dan Plasma, yaitu dengan menampilkan warna hitam gelap, kenapa saya bilang warna hitam gelap karena warna hitam dapat juga dihasilkan dengan pencampuran warna dari RGB (Red-Green-Blue) sehingga tetap menghasilkan arus listrik walaupun warnanya hitam. Karena tujuan dari energy saving mode adalah untuk menghemat energi berarti warna hitam yang digunakan adalah warna hitam tanpa ada campuran RGB jadi saya sebut hitam gelap. Warna hitam gelap pada layar monitor dihasilkan dengan meniadakan arus listrik penghasil warna pada layar monitor sehingga dengan mematikan arus listrik ini kita sudah menghemat energi dan mengurangi emisi CO2 untuk konsumsi penggunaan listrik pada layar monitor. Penghematan yang dilakukan memang tidak terlalu signifikan tapi kalo dikali dengan pengguna komputer di seluruh dunia... lumayankan penghematannya....
Screensaver yang dibuat onlineleaf hanya menggunakan warna dan style yang sederhana, karena memang fungsinya yang dibuat untuk gerakan hemat energi. Pada postingan artikel kali ini saya akan menampilkan screensaver versi 2 dengan warna dan style yang bisa di konfigurasi supaya biar lebih energik dan menarik, selain itu screensaver versi 2 ini bisa disesuaikan dengan tema warna template blog yang digunakan. Penasaran-kan... seperti apa sich screensaver blog versi 2 ini... coba lihat contohnya pada link di bawah ini :
Penghematan energi pada tampilan monitor baik tabung CRT, LCD dan Plasma, yaitu dengan menampilkan warna hitam gelap, kenapa saya bilang warna hitam gelap karena warna hitam dapat juga dihasilkan dengan pencampuran warna dari RGB (Red-Green-Blue) sehingga tetap menghasilkan arus listrik walaupun warnanya hitam. Karena tujuan dari energy saving mode adalah untuk menghemat energi berarti warna hitam yang digunakan adalah warna hitam tanpa ada campuran RGB jadi saya sebut hitam gelap. Warna hitam gelap pada layar monitor dihasilkan dengan meniadakan arus listrik penghasil warna pada layar monitor sehingga dengan mematikan arus listrik ini kita sudah menghemat energi dan mengurangi emisi CO2 untuk konsumsi penggunaan listrik pada layar monitor. Penghematan yang dilakukan memang tidak terlalu signifikan tapi kalo dikali dengan pengguna komputer di seluruh dunia... lumayankan penghematannya....
Kode script energy saving mode menggunaan library JQuery jadi pastikan JQuery yang sobat pasang tidak terjadi konflik dengan kode script energy saving mode. Untuk menghindari konflik coba gunakan kode <script>jQuery.noConflict();</script> dan pasang di atas kode </Html> pada kode HTML template sobat.
Screensaver yang dibuat onlineleaf hanya menggunakan warna dan style yang sederhana, karena memang fungsinya yang dibuat untuk gerakan hemat energi. Pada postingan artikel kali ini saya akan menampilkan screensaver versi 2 dengan warna dan style yang bisa di konfigurasi supaya biar lebih energik dan menarik, selain itu screensaver versi 2 ini bisa disesuaikan dengan tema warna template blog yang digunakan. Penasaran-kan... seperti apa sich screensaver blog versi 2 ini... coba lihat contohnya pada link di bawah ini :
Cara Pemasangan :
- Login ke
blog sobat... - Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.

- Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan taruh di atas kode </Head> tersebut. Penempatan kode di bawah ini juga bisa ditempatkan sebagai widget sidebar atau widget upbar.
- Keterangan :- var ssBGImg merupakan variabel untuk memasang gambar background screensaver. Untuk menggunakan gambar pada background silakan masukan url gambar yang ingin digunakan. Saran saya jangan menggunakan gambar dengan ukuran file lebih dari 50 Kb karena akan memberatkan waktu loading blog.
- var ssBGColor merupakan variabel untuk warna background. Warna background dapat menggunakan teks warna standar HTML (black, blue, yellow) atau dalam kode hex (#ffffff, #fAFb17, #619bb99). Untuk warna background seperti yang digunakan MonozCore gunakan teks warna "monozcore".
- var ssTextColor merupakan variabel untuk warna text. Warna text dapat menggunakan teks warna standar HTML (black, blue, yellow) atau dalam kode hex (#ffffff, #fAFb17, #619bb99).
- var ssInactivity merupakan variabel untuk waktu start idle. Lamanya waktu untuk memulai screensaver. Satuan waktu yang digunakan dalam milisecond.
- var ssImgUrl merupakan variabel untuk gambar screensaver. Untuk menggunakan gambar pada screensaver silakan masukan url gambar yang ingin digunakan. Saran saya jangan menggunakan gambar dengan ukuran file lebih dari 50 Kb karena akan memberatkan waktu loading blog.
- var ssBlogName merupakan variabel untuk nama blog copyright. Nama yang akan tampil pada teks copyright.
- Klik "Save" dan lihat hasilnya...
.: Semoga Bermanfaat :.
FB Users ( ) Comment | Read Users (14) Comment
![]() ![]() |







:a:
:b:
:c:
:d:
:e:
:f:
:g:
:h:
:i:
:j:









blogdash
Blog Internet
Browser Information
Contact
Paid to Click
RSS Feeds
Set as Homepage
Google Translator
Picasa Web Album
SMS Gratis
Info Telepon
Info Listrik
Laporan Cuaca
IDR Exchange Rate
Info Lalu Lintas
SEO + PageRank Tools


Google Chrome
Safari
Opera
Internet Explorer






April 28, 2012 at 10:34 AM
. . ne beda apa nya mas dari screensaver yg lain?! . .
April 28, 2012 at 4:09 PM
pada screen saver v2 ini kita bisa menambahkan gambar latar dan mengganti tampilan gambar serta menyesuaikan warna latar screensaver...
April 28, 2012 at 6:51 PM
ahh , ada ©Monozcorenya , gk mau ahk !! ada postingan tentang membuat Saver Mode sendiri gk ?
April 28, 2012 at 9:21 PM
@ihgilailham: coba isi variabel ssBlogName dengan nama blog kamu supaya © berisi nama blog kamu, gitu aja koq repot... oke bro...
April 29, 2012 at 6:21 AM
@monozcore: wew, emang bisa ?? yang aku tau biar ada ©nama kitanya harus ditempat pembikinannya , harus mulai dari awal . aku dah pernah bkin sendiri tapi buka ripwaynya gk bisa --"
April 29, 2012 at 6:31 AM
minta ssImgUrl nya dong yang spiderman :/
April 29, 2012 at 6:49 AM
Powered bynya bisa diganti gk ?
gk bisa kan...
April 29, 2012 at 4:37 PM
ssImgUrl spiderman :
http://lh4.googleusercontent.com/-fx0Nv-vQRO0/T5goDjgh1SI/AAAAAAAABuw/8w_gVriuBLs/s800/spiderman2a.png
May 1, 2012 at 3:18 PM
kalo jaringnya ??
May 1, 2012 at 11:54 PM
link url jaring laba2:
http://lh4.googleusercontent.com/-TGDjZvLsqc0/T5rsHAp94cI/AAAAAAAABvY/H9Kt1cl8Q80/s800/spiderwebblack.jpg
May 2, 2012 at 7:42 PM
mau nanya kalo iklan yg diatas gimana caranya untuk ketengahin ?? kalo saya knp dipinggir kiri ??
May 10, 2012 at 11:59 AM
si akang makin keren aja nih, dah lama ga jumpa kang
maaf kang, saya jarang ngunjungin blog akang, soalnya saya baru beres UN, bentar lagi juga tes SMA, jadi mohon dimaklumi ya kang :)
December 17, 2012 at 12:28 PM
screen savernya di blog saya kok ga bisa2, apa karena ada musik automatisnya jadi ga bisa ????
December 20, 2012 at 8:59 AM
UDAH bisa gan TERIMA KASIH