Rabu, 30 November 2011

gambar di pojok

Dan pada kesempatan kali ini gambar yang akan kita buat adalah gambar yang biasanya ada di pojok suatu blog (Float Image). Selain sebagai aksesoris, ini bisa juga untuk mengarahkan suatu Link ke arah yang kita inginkan. Contoh gambar :



Login ke blogger trus klik "Rancangan -->> Edit HTML
Cari kode ini ]]></b:skin> kalo dah 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); }
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"
Langkah selanjutnya yaitu letekkan script berikut ini di atas kode </body>

<div id="trik_pojok">
<a href="http://www.sengsukses.co.cc">
<img src="http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-2.gif" border="0" /></a>
</div>

Jika kamu pingin yang ada disitu bukan gambar tetapi jam, kalender, hit counter atau widget-widget yang lain, maka ganti text yang tebal dengan script widget-widget tersebut.
Simpan hasil kerja kamu dan lihat hasilnya

NB:
" http://www.sengsukses.co.cc " adalah link. ganti dengan link kamu.
"http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-2.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

lihat contoh saya:







Download Tulisan Lengkap: gambar di pojok blogger


0 komentar:

Posting Komentar


*
*
*
*