Cara memasang widget Screen saver di blog

Screen saver di blog atau biasa disebut energy saving mode, ini 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. Screen saver yang dibuat onlineleaf hanya menggunakan warna dan style yang sederhana, karena memang fungsinya yang dibuat untuk gerakan hemat energi.
Untuk postingan artikel kali ini saya akan menampilkan Screen saver dengan gambar, agar menambah lebih keren lagi ..! baiklah ikuti langkah-langkah berikut untuk memulainya :

Screen saver original Demo ini berjalan di mozilla, google chrome dan IE belum saya coba

<script type="text/javascript" src="https://sites.google.com/site/counterexcellular/home/Screen%20Counter%20exceLL.js"></script>
<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: #000000; no-repeat center center fixed black; }
div#energysaving p span {display:none;visibility:hidden;}
</style>

Screen saver gambar Demo ini berjalan di mozilla, google chrome dan IE belum saya coba

<script type="text/javascript" src="https://sites.google.com/site/counterexcellular/home/Screen%20Counter%20exceLL.js"></script>
<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(https://sites.google.com/site/counterexcellular/home/meteor%20garden.jpg) no-repeat center center fixed black; }
div#energysaving p span {display:none;visibility:hidden;}
</style>

Copy salah satu kode script diatas tersebut dan ganti kode yang berwarna merah dengan url gambar anda,
kalau belum punya url gambarnya, anda bisa upload disini lalu ambil url gambarnya yang baru saja upload.
Terus kita login ke dashboard blogger kita
pilih artikel atau judul blog kita yang mau dipasang widget Screen savernya
pilih tata letak dan pilih tambah widget ambil HTML/javascript pastekan disitu


Lalu save dan lihat hasilnya diamkan dulu sampai kurang lebih 5 detik..

Itulah Cara memasang widget Screen saver di blog, semoga bermanfaat untuk kita semua. dan Terimakasih atas kunjungannya..Happy Blogging :)

Sumber: Onlineleaf

0 komentar:

Posting Komentar

Copyright © 2014 Counter exceLL All Right Reserved