Pada postingan kali ini saya menulis tentang "Cara Pasang Energi Saving Mode dengan Gambar Sendiri" .

Script Energi Saving Modenya seperti di bawah ini . Silahkan copas dan paste.
Untuk di blogger silahkan login ke dashboard anda .klik design lalu klik edit html dan kemudian paste script nya di antara tag <head> dan tag </head> kemudian save. Untuk di Wordpress silahkan pasang di file Header.php

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

Jika sudah selesai maka web/blog anda sudah mempunyai "Energy Saving Mode"



Lalu, bagaimana jika saya ingin agar Energy Saving Mode ditampilkan dengan sebuah gambar ???
Pertama, lakukan seperti langkah di atas. Untuk blog saya ini mempunyai Energi Saving Mode dgn tampilan seperti di bawah ini :


Silahkan Copy dan Paste script berikut dan pasang di gadget/widget anda :

<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(http://urlgambaranda/) 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>

dan jangan lupa script di atas .. anda edit sedikit dengan mengganti link url gambar anda sendiri .. url(http://urlgambaranda/) <-- yang ini ya :)

selesai ....
semoga berhasil

0 komentar