Membuat gambar pada halaman situs yang akan selalu nongol,ternyata tidaklah susah.Mungkin sering kita jumpain pada situs-situs penawar produk atau bisnis.
Di geliat-bisnis.blogspot.com,anda bisa melihat di kanan bawah yang bergambar bannerblog,yang selalu ikut meskipun scroll kita naik turunkan.
Untuk membuatnya ikuti langkah-langkah di bawah ini :
Pertama,pergi ke Tata letak (untuk blogspot)
]]></b:skin>Klo dah ketemu,letakkan kode di bawah ini tepat di atas kode tersebut.
#pojok { 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); }
**Untuk merubah posisi,anda bisa mengubah dari bottom menjadi top dan left menjadiright.Untuk ukuran anda tentukan sendiri.
Masih di Edit Html,selanjutnya,cari kode :
</head>Klo dah ketemu,copy paste kode dibawah ini,dan letakkan tepat diatas kode tersebut :
Ada 2 pilihan tampilan :
1.Copy paste kode dibawah ini untuk menampilkan image beserta linknya :
<div id="'pojok'"> <a href="'http://alamat-blog-anda.blogspot.com'"><img src="'http://alamat-url-gambar-or-poto-anda.jpg'" border="'0'" height="'isiterserahanda'" width="'isiterserahanda'/" /></a> </div>
2.Copy paste kode dibawah ini untuk menampilkan image,link,kata dan status YM:
<div id="'pojok'"> <table bgcolor="'pink'" width="'350'"><tr><td align="'center'"><img src="'http://alamat-url-poto-anda.jpg'/" /><a><blockquote/><a href="'ymsgr:sendIM?TULISAN"><img border="'0'" src="'http://opi.yahoo.com/online?u=" m="g&t=" width="'95'/" /></a></a></td><td bgcolor="'yellow'"><div align="'justify'" style="'font-weight:bold;"> ANDA DISINI</div></td></tr></table> </div>
Selesai!!
Memang sebaiknya,sebelum kode di letakkan,edit telebih dahulu ke dalam notepad.
Tidak ada komentar:
Posting Komentar