Membuat Screen saver di blog dengan menggunakan sedikit CSS,,,Mungkin blog akan terkesan hemat energi karena saat tidak di cursor, tidak di aktif screen akan menutup.

Untuk Demonya coba arahkan cursor keluar dari body blog ini atau arahkan ke top browser dan lihat screen savernya.

Berikut kode CSS nya

body .saving{background:#000;position:fixed;z-index:999;width: 100%;top: 0;left:0;height: 100%;-webkit-transition: all 2s;transition: all 2s;font:30px Mistral;color:#ddd;
}
body:hover .saving{opacity:0;height:0;z-index:-999;
}
.judul{display:block;position:relative;text-align:center;margin-top:5%;font:1000% Mistral;color:#222;text-shadow:0 0 10px #fff;
}
.judul:after{background:#ddd;border-radius:100%;padding:30px;position:absolute;top:30px;right:20px;content:'Copy Right By :Cuerosbhelatos';font:30px Mistral;
}

HTML kode

<div class="saving"><div class="judul">Welcome</div></div>

Untuk proses pemasangannya ikuti langkah-langkah berikut:

• Login Ke Akun Blog anda
• Pada Dasbor Klik Rancangan 
• Kemudian TAMBAH GADGET Dan Pilih HTML Java/Script
• Pastekan Kode diatas Tepat Didalam  GADGET tadi.