Beranda > blogger, tutorial, tutorial website > Membuat gambar animasi di pojok pada blog

Membuat gambar animasi di pojok pada blog

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.
Iklan
  1. 23 Januari 2012 pukul 16:47

    ribet mas … hehehe

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: