24/04/10

Membuat gambar berada dipojok

Posted by Unknown at 4/24/2010 10:48:00 AM 0 Comments
Mungkin sebagian teman blogger udah banyak yg tau trik ini, trik membuat gambar berada dipojok, bila belum tau silahkan diikuti saja trik ini,
1. Login ke blogger trus klik Layout -->> Edit HTML
2. Cari kode ini ]]>< /b:skin > (setelah kode >< tidak menggunakan spasi) 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 > (tidak pakai spasi)

< div id="trik_pojok">
< a href="http://terminalbelajar.blogspot.com">
< img src="http://img708.imageshack.us/img708/2396/thkyuubinarutobyjamjose.gif" border="0" />
< /div > ( setelah kode < yg diawal tidak menggunakan spasi )


"http://terminalbelajar.blogspot.com" adalah link. ganti dengan link kamu.
"http://img708.imageshack.us/img708/2396/thkyuubinarutobyjamjose.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 dari sini dengan perubahan seperlunya.

mau download tutorial ini versi pdf?klik disini via 4shared


Share This Post

Get Updates

Subscribe to our Mailing List. We'll never share your Email address.

0 komentar:

Berkomentarlah dengan bijak!!

Site Info

Google PageRank Checker Powered by  MyPagerank.Net
back to top