<p>Your browser does not support iframes.</p> Cara membuat gambar berada di pojok blog. Setelah pada postinga...
<p>Your browser does not support iframes.</p>
Cara membuat gambar berada di pojok blog. Setelah pada postingan terdahulu tentang widget tema bendera pada blog yang tidak jauh berbeda degan postingan sekarang namun disini hanya perlu mengedit menu HTML blog anda. Caranya cukup mudah tidak terlalu sulit bagi anda blogger pemula. Ikuti cara-caranya berikut ini
1. Login blog kemudian menuju menu edit HTML
2. Beri tanda centang pada Expand template widget.
3. Cari kode dibawah ini dengan menekan F3 atau CTRL+F pada keyboard anda
4. Setelah kode diatas ditemukan sekarang letakan kode dibawah ini diatasnya
bottom = Bawah
top = Atas
left = Kiri.
right = Kanan
Sesuai dengan selera anda menempatkan gambar nantinya.
5. Kemudian cari kode.
6. Letakan kode berikut diatasnya.
Silahkan ganti teks yang berwarna hijau dengan URL gambar yang ingin anda tampilkan. Kemudian simpan template dan silahkan cek blog anda sekarang tampil beda. Untuk demonstrasinya klik DEMO GAMBAR Selamat mencoba semoga bermanfaat.
Cara membuat gambar berada di pojok blog. Setelah pada postingan terdahulu tentang widget tema bendera pada blog yang tidak jauh berbeda degan postingan sekarang namun disini hanya perlu mengedit menu HTML blog anda. Caranya cukup mudah tidak terlalu sulit bagi anda blogger pemula. Ikuti cara-caranya berikut ini
1. Login blog kemudian menuju menu edit HTML
2. Beri tanda centang pada Expand template widget.
3. Cari kode dibawah ini dengan menekan F3 atau CTRL+F pada keyboard anda
]]></b:skin>
4. Setelah kode diatas ditemukan sekarang letakan kode dibawah ini diatasnya
#gambar {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression (document.documentElement.scrollLeft+ document.documentElement.clientWidth -
offsetWidth);
}
Teks berwarna hijau diatas bisa anda ganti denganposition:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression (document.documentElement.scrollLeft+ document.documentElement.clientWidth -
offsetWidth);
}
bottom = Bawah
top = Atas
left = Kiri.
right = Kanan
Sesuai dengan selera anda menempatkan gambar nantinya.
5. Kemudian cari kode.
</body>
6. Letakan kode berikut diatasnya.
<div id="gambar">
<a href="http://madiuncool.blogspot.com">
<img border="0" src="http://madiuncool.googlecode.com/files/bloggerindonesiabamburuncing.png"/></a>
</div>
<a href="http://madiuncool.blogspot.com">
<img border="0" src="http://madiuncool.googlecode.com/files/bloggerindonesiabamburuncing.png"/></a>
</div>
Silahkan ganti teks yang berwarna hijau dengan URL gambar yang ingin anda tampilkan. Kemudian simpan template dan silahkan cek blog anda sekarang tampil beda. Untuk demonstrasinya klik DEMO GAMBAR Selamat mencoba semoga bermanfaat.