kali ini saya akan memberikan info tentang cara memasang gamabar di sisi pojok blog
pojok kanan atas, kanan bawah, kiri atas dan kiri bawah...
Ini bertujuan untuk memperkeren tampilan blog kita
nah gampang kok caranya
nih...
- Ke Dashboard
- Pilih Template
- Edit HTML
- Cari kode ]]></b:skin>
- Masukkan kode berikut diatas ]]></b:skin>
- #oka1 { position:fixed;_position:relative;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); }
#oka2 { position:fixed;_position:relative;bottom:0px; right:0px;clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#oka3 { position:fixed;_position:relative;top:0px; left:0px;clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#oka4 { position:fixed;_position:relative;top:0px; right:0px;clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } - Nah, lalu simpan
- Lalu pilih Tata Letak
- Tambah Gadget
- Pilih HTML/Java Script
- Masukkan kode berikut
Untuk gambar di kiri bawah
- <div id='oka1'> <img src="ALAMAT GAMBAR KAMU" /> </div>
Untuk gambar di kanan bawah
- <div id='oka2'> <img src="ALAMAT GAMBAR KAMU" /> </div>
Untuk gambar di atas kiri
- <div id='oka3'> <img src="ALAMAT GAMBAR KAMU" /> </div>
Untuk gambar di atas kanan
- <div id='oka4'> <img src="ALAMAT GAMBAR KAMU" /> </div>
Nah.... Simpan deh...
Tulisan MERAH diganti dengan alamat gambar kamu....
kalu gak work komen ya...
No comments:
Post a Comment