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 :

  1. Login ke blogger trus klik “Rancangan –>> Edit HTML
  2. 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); }
  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
    <div id="trik_pojok">
    <a href="http://andireider.blogspot.com">
    <img src=”http://i465.photobucket.com/albums/rr20/jakabanda/JBGIF-2.gif&#8221; border=”0″ /></a>
    &lt;/div&gt;
  5. 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.
  6.  Simpan hasil kerja kamu dan lihat hasilny.

Entry filed under: blogger, tutorial, tutorial website. Tags: .

Menampilkan foto profil pada komentar blog cinta KepadaMu

2 Komentar Add your own

Tinggalkan komentar

Trackback this post  |  Subscribe to the comments via RSS Feed


Masukkan alamat email Anda untuk mengikuti blog ini.

Bergabung dengan 411 pelanggan lain

ARSIP

SUDAH DI KUNJUNGI

  • 1.000.615 orang