Membuat energy saving mode pada blog

Pernah melihat web/blog yang menggunakan energy saving mode ? ketika web tidak dibuka maka layar akan menjadi hitam. bagaimana cara membuatnya? ikuti langkah berikut.


1. masuk ke dashbor
2. pilih rancangan kemudian edit html.
3. masukkan koding berikut diantara tag <head> </head>.
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>


4. simpan template. dan blog/web anda akan secara otomatis terpasang energy saving mode.

dapet tutorial dari http://wonaza.blogspot.com/ tentang bagaimana caranya mengganti gambar yang ditampilkan pada saat energy saving mode.
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 ....

hasilnya akan seprti ini.




Artikel yang berhubungan




0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...