Oke kali ini Saya akan memberikan beberapa Tips n Trik cara hemat energi Blog Kita....langsung aje, nga usah banyak Basa-basi.
sebelum mencoba lebih baik Kita cari tau dulu apa itu "Script Energi Saving Mode". adalah sebuah desain yang dimaksudkan untuk penghematan energy yang diaplikasikan pada blog. Desain dibentuk dalam sebuah javascript dengan memanfaatkan jquery-1.3.2.js. Jika akhirnya dapat tercipta tampilan yang demikian menarik dari desain ini, hal tersebut tak lepas dengan tambahan kode CSS yang sekaligus di aktifkan dalam script. Energy Saving Mode diperkenalkan oleh http://www.onlineleaf.com/ dan hingga detik ini telah banyak digunakan di berbagai blog.
Script Energi Saving Modenya seperti di bawah ini . Silahkan copas dan paste.
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>
- blogger:
- klik design,
- lalu klik edit html
- kemudian paste script nya di antara tag <head> dan tag </head>,
- kemudian save
- Wordpress : silahkan pasang di file Header.php
udah....selesai..... Tunggu....!!! Lalu, bagaimana jika Kita 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 :
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 di bawah ini 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 yang diganti
<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 yang diganti
Baru dah selesai ....
