Diposkan oleh amu ayat on 09:25
Label:

kali ini kita nyoba ngebahas gimana cara membuat gambar 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. Trus kamu bisa mengganti gambar dengan photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar kodok yg sedang senyum (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:


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://kodokpinter.blogspot.com">
<img src="http://i625.photobucket.com/albums/tt333/ayatjuga/images-1.jpg" border="0" /></a>
</div>
</span>



"http://i625.photobucket.com/albums/tt333/ayatjuga/images-1.jpg" adalh 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.


Jangan lupa juga baca yang ini



Widget by autolovers | kodokpinter

5 komentar:

Rama said...

Wah materinya oke banget tapi yang jadi pertanyaan, cara mendapatkan alamat url gambar yang mau d pasang mohon petunjuk suhu

aladine genie said...

@rama: untuk url gambar kamu bisa pake hosting image gratis seperti tinypic,google page,photobucket dll

Semangat Indonesia said...

om kok gak bisa??
selalu ada keterangan "Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "body" must be terminated by the matching end-tag ""." ini???

will said...

:b: fery nice, great information

Muhammad Yusuf said...

:b: sangat menbantu...thanks.

Post a Comment

Search