Sunday, July 24, 2011

Membuat Gambar Melayang Di Pojok

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); }

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>

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

No comments:

Post a Comment