Hallo sobat negeri semua, apayang akan kita bahas hari ini. Mari kita
mencoba ngebahas gimana cara membuat gambar yang berada di pojok (bisa
atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana.
"Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping
itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi
blog yang kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu
maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter,
Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. taugak
maksud saya. Itu lho contoh whos.amung.us yang saya pasng di bawah
sebelah kiri. Oke langsung saja menuju saja ya sobat.
Ikuti langkah berikut ini :
Cara Pertama :
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalau dah ketemu taru kode berikut ini di atasnya.
#trik_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); }
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); }
3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="http://negeriinfo.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>
<a href="http://negeriinfo.blogspot.com">
<img src="http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" border="0" /></a>
</div>
Catatan :
* "http://negeriinfo.blogspot.com" adalah link. ganti dengan link kamu.
* "http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.
5. Simpan dan lihat hasilnya sobat.
Semoga berhasil ya
0 komentar:
Posting Komentar