Energy Saving Mode dengan Gambar Sendiri

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!!

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

Untuk di blogger silahkan login ke dashboard anda .klik design lalu klik edit html dan kemudian paste script nya di atas tag </head> kemudian save. Untuk di Wordpress silahkan pasang di file Header.php (usahakan Ctrl F untuk pencarian)

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 Copas script berikut dan tambahkan gadget/widget(HTML/JavaScript) 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 :) Sempurna....