Membuat Widget Selalu Di Pojok

Posted by Iqbal IDesainer

http://4.bp.blogspot.com/-hsVCTrH8-1Y/T5kXyLSpS0I/AAAAAAAAAwA/X7kAd6Hh1Rk/s1600/Selalu+di+pokok+blog.jpg 
Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir :t eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini :D trik nyoba ngebahas gimana cara membuat "Widget" itu selalu 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. Langsung saja Tutorialnya :

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo 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://trik-tips.blogspot.com">
<img src="http://http://superinhost.com/images/soniclari.gif" border="0" /></a>
</div>


"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu.
"http://superinhost.com/images/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Sumber : http://trik-tips.blogspot.com/2008/01/membuat-anu-supaya-selalu-berada-di_22.html

Poskan Komentar

Cari Artikel di Label Blog Ini

Anime (8) Anti Virus (30) Ayo Dance (12) Browser (25) Food (7) Games (56) Hacker (14) Knowledge (487) Media Player (18) Misteri (82) Ninja Saga (41) Other (127) Pendidikan (127) Point Blank (335) Serba 7 (59) Sofware (161) Tips (179) Tips Blog (44) Tips Komputer (26)