Kotak Chat


ShoutMix chat widget

Followers

MEMBUAT FLOAT ATAU GAMBAR POJOK

Diposting oleh fajar site Selasa, 09 Februari 2010

Float adalah gambar, animasi, iklan, Widget atau lain-lainnya yang berada di samping pojok (bisa pojok atas, atau sebaliknya dan bisa pojok kanan atau sebaliknya) pada postingan. Float tidak terpengaruh terhadap scroll bar, meskipun scroll bar ditarik ke atas atau ke bawah. Tanpa panjang kali lebar lagi (jadi luas donk)mari saya akan bahas caranya:

1. Pastinya harus login dulu.

2. Klik Tata Letak --> Edit HTML.

3. Centang kotak Expand Template Widget dengan cara mangkliknya.

4. Cari kode ]]></b:skin> dan taruh kode HTML 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); }



*Kata yang bercetak tebal bisa anda ganti sesuai keinginan anda, karena kata itu yang menentukan letak float tersebut. Contoh apabila anda ingin gambar floatnya dipojok kanan atas maka ganti Botton menjadi Top dan Left menjadi Right.

5. Setelah itu cari kode HTML </body> dan letakan kode ini sebelum kode tersebut

<div id="trik_pojok">
<a href="http://fajar-sites.blogspot.com">
<img src="http://i28.photobucket.com/albums/c231/lapanpuluh/2006-2/tutwuri.jpg" border="0" /></a>

</div>



*Kata yang bercetak miring "http://fajar-sites.blogspot.com" adalah link, ganti dengan link kamu dan kata "http://i28.photobucket.com/albums/c231/lapanpuluh/2006-2/tutwuri.jpg" adalah link gambar, ganti dengan link gambar kamu.
** Jika anda ingin disitu bukan gambar melainkan kalender, jam atau widget lainnya, maka ganti kata yang bercetak tebal itu dengan kode widget tersebut.

6. Klik Simpan Template dan lihat hasilnya.

Selamat mencoba dan semoga materi ini bermanfaat buat semuanya. Amin.



0 komentar

Posting Komentar

Iklan


Masukkan Code ini K1-1FA493-1
untuk berbelanja di KutuKutuBuku.com

translator

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

kontak

Tuker link

visitor

free counters