Memasang Energy Saving + Gambar Sendiri

Posted by : Arvin ディーン Kamis, 11 Agustus 2011

Langsung Ke TKP aja oke..

Saya Ulang dari yg Kemaren ;)

Tertarik untuk mencobanya? Langsung saja langkah-langkahnya sebagai berikut:
1. Login ke akun blogger sobat.

2. Klik “Design”

3. Kemudian klik “Edit HTML”

4. Jangan lupa centang “Expand Widget Template”

5. Temukan kode </head> (bisa memanfaatkan ctrl+f)

6. Letakkan script berikut diatas kode </head>

<script language='javascript' src='http://dekanmaru.googlecode.com/files/DekanMaruSavingMode.js' type='text/javascript'></script>

7. Simpan template sobat.

8. Lihat perbedaannya sekarang.

Bila kalian mau Menambahkan Gambar pada Energy Saving di Atas

Silahkan ke: Rancangan > Element Laman > Tambah Gadget > Html

Lalu Tambahkan Html Dibawah ini

<style type='text/css'>
div#energysaving, div#energysaving * { -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; background: url(MASUKKAN URL GAMBAR KAMU DISINI) 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 { color: transparent; font-size: 0px; font-weight: normal; display: none; }
</style>>

Ganti Teks yg BerWarna Merah Dengan gambar Png/Jpg kalian ;)

Sesuai kan Ukuran !

Creadit : Arvin Dekan