Membuat gambar animasi di pojok pada blog
7 Januari 2012 at 20:59 2 komentar
Sebuah gambar ada di suatu blog mempunyai banyak maksud dan fungsinya, fungsi yang paling menonjol adalah untuk memperjelas suatu pembahasan. Dan fungi lainya hanya sebagai aksesoris atau mempercantik tampilan suatu blog saja, supaya pengunjung lebih betah dan lama-lama mengintip blog yang kita kelola.
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 ]]> 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 sebelum kode
<div id="trik_pojok">
<a href="http://andireider.blogspot.com">
<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 berwarna merah dengan script widget-widget tersebut.
- Simpan hasil kerja kamu dan lihat hasilny.
Entry filed under: blogger, tutorial, tutorial website. Tags: tutorial blog.
2 Komentar Add your own
Tinggalkan komentar
Trackback this post | Subscribe to the comments via RSS Feed
1. Edotz | 23 Januari 2012 pukul 16:47
ribet mas … hehehe
SukaSuka
2. andireider | 25 Januari 2012 pukul 19:26
MSK rbet…
SukaSuka