Membuat Enegy Saving Bergambar

Terkadang pada sebuah blog apabila kita tidak melakukan aktifitas apa-apa blog tersebut menjadi dalam posisi standby dan tidak jarang memunculkan gambar atau blank monitor berupa warna hitam, yang biasa disebut sebagai Energy Saving. Untuk dapat memberikan efek energy saving di blog, Sahabat blogger cukup menggunakan script dibawah ini, adapun script yang harus Sahabat copy adalah



<!-- save your energy -->
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
<!-- save your energy end -->

<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(MASUKKAN URL GAMBAR KAMU DISINI) no-repeat center center fixed black; }
div#energysaving p { margin: 0; padding: 0; width: 100%; font-size: 0px; font-family: arial; color: transparent; position: relative; top: 40%; line-height: 20px; font-weight: bold; text-align: center; text-shadow: none; display: none; }
div#energysaving p span { color: transparent; font-size: 0px; font-weight: normal; display: none; }
</style>

Penting

Kode berwarna merah dapat Sahabat masukkan URL gambar yang tentunya sudah Sahabat Blogger persiapkan dengan cara menyimpannya melalui situs penyimpan foto online seperti photobucket
scipt diatas Sahabat masukkan dalam element baru pada rancangan gadget dan pilih HTML kemudian copykan script diatas dan simpan..

adapun hasil dari penerapan kode script diatas dapat sahabat blogger lihat di sini Demo

0 komentar:

Post a Comment