Kamis, 09 Juni 2011

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


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

0 komentar:

Posting Komentar


Fashion Blogs

Follow and Flying Bird

By rifai21




ShoutMix chat widget