Popular posts

Labels

Archive for Oktober 2007

Cara Membuat Gambar Melayang Di Pojok Blog

Rabu, 10 Oktober 2007
Posted by tt
 Gambar Melayang Di Pojok Blog
Blog Tips kali ini mencoba membahas bagaimana cara membuat "GAMBAR MELAYANG" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana.

"Scroll bar" itu apa sih? Itu kotak kecil panjang yang ada disamping, yang biasanya ditarik ke bawah dan ke atas supaya bisa terlihat isi blog yang kepanjangan.

Terus maksudnya "GAMBAR MELAYANG" itu apa? "GAMBAR MELAYANG" itu maksudnya bisa gambar atau photo Anda, animasi, jam, hit counter, shoutbox, kalender, adsense, iklan, widget-widget, dan lain-lain. Nah, sudah tahu kan maksudnya. Kalau sudah tahu dan ingin mencobanya silahkan ikuti trik berikut ini:

1. Login ke blogger terus klik "Rancangan", "Edit HTML".

2. Cari kode ini ]]></b:skin> kalau sudah ketemu taruh kode berikut ini di atasnya.



#blog-tips { 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, kalau ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "buttom", jika pingin di posisi atas bisa diganti dengan "top".



4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode </body>



<div id="blog-tips">

<a href="http://snifan.blogspot.com/">

<img src="http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif" border="0" /></a>

</div>




"http://snifan.blogspot.com/" adalah link, ganti dengan link Anda.





"http://i534.photobucket.com/albums/ee350/nifan1/babybo6gd5.gif" adalah lokasi gambar Anda, ganti dengan lokasi gambar Anda.



5. Jika Anda ingin yang ada disana bukan gambar tetapi jam/kalender/hit counter/widget-widget yang lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.



6. Simpan hasil kerja Anda dan lihat hasilnya.



Selamat mencoba.