Trik Memasang Gambar Tetap Berada di Pojok Blog

typhun
0
Anda lihat ‘kan ada gambar MATA UCHIHA  di pojok kiri bawah blog saya ini? Dia akan terus selalu berada disitu meskipun anda menggeser tampilan blog saya ke atas dan ke bawah. Meskipun “scroll bar” yang ada di samping kiri dan bawah layar ditarik kemana-mana.  Mungkin anda akan bertanya, bagaimana cara membuat hal yang demikian ??



Trik blog ini memang saya dapatkan dan saya sadur dari blog “Trik Tips Blogging”, dan saya sampaikan kembali untuk anda selaku pengunjung blog sederhana saya ini. Berikut trik untuk memasang “Item” agar tetap selalu berada di pojok blog anda (bisa di atas, bawah, kiri, atau kanan blog) :



1. Login ke Blogger trus klik "Layout -->> Edit HTML

cari kode disamping,  Jika sudah ketemu, taruh 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 diganti text "left" dengan "right". Begitu juga tulisan "bottom", jika ingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode diatas tanpa tanda |||















"http://zhunks.blogspot.com" adalah link blog. Ganti dengan link blog anda.

"http://i971.photobucket.com/albums/ae197/kampusbanget/banner/itachi-uchiha-picture.jpg" adalah lokasi gambar. Ganti dengan lokasi gambar anda.

5. Jika anda ingin yang ada disitu bukan gambar, tetapi item lain seperti jam/kalender/hit counter/widget-widget dan lain-lain, maka ganti text pada gambar d atas tersebut dengan script widget-widget tersebut.

6. Simpan hasil kerja anda dan lihat hasilnya....

Post a Comment

0Comments

Post a Comment (0)