Memasang Energy Saving + Gambar Sendiri

Diposting oleh TommyBreacker

Langsung Ke TKP aja oke..



Saya Ulang dari yg Kemaren ;)

image


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

2. Klik “Design”
image


3. Kemudian klik “Edit HTML”
image
4. Jangan lupa centang “Expand Widget Template”
clip_image002

5. Temukan kode </head> (bisa memanfaatkan ctrl+f)
6. Letakkan script berikut diatas kode </head>

<script language='javascript' src='http://yourjavascript.com/0111147763/TommyBreacker.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 !


0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...