Selamat datang di Blog sederhana milik saya , dapatkan beragam info didalamnya , selamat membaca....^_^

Tips Blogger : Menaruh Animasi gif di pojok pada sebuah Blog

      Memang agak susah ngasih judul yang pas buat ini......tapi tak apalah...yang terpenting isinya kan??
begini ceritanya..
      Pada waktu saya browsing mencari tips-tips blogging , saya menemukan tips menaruh gambar / animasi gif pada sebuah blog( yang kebetulan saya menemukannya di (http://trik-tips.blogspot.com).....dan gambar (atau apalah terserah , mau jam , foto anda , hit counter , shoutbox , iklan , kalendar , dll ) tersebut akan selalu berada di pojok ( bisa atas , bawah , kiri , kanan ) meskipun scroll bar di tarik keatas dan kebawah untuk melihat isi blog yang panjang...disini saya memasang di pojok kiri bawah...daripada basa-basi trus mending ikuti langkah -langkah di bawah ini :


1.Login ke blogger trus klik "layout-->>Edit HTML" .
2.Cari kode ini ]]></b:skin> , klo 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.Teks yang di cetak tebal adalah posisinya , klo pengen di ganti posisi pojok kanan bawah tinggal text "left" di ganti dengan "right" . begitu juga dengan "bottom" di ganti dengan "top" jika pengen di taruh di atas.
4.Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode



<div id="trik_pojok"> 
<a href="http://today4forever.blogspot.com"> 
<img src="http://maxshinoda.xtgem.com/th_ichi.gif" border="0" /></a> 
</div>


"http://today4forever.blogspot.com" adalah link , ganti dengan link anda.

"http://maxshinoda.xtgem.com/th_ichi.gif" adalah lokasi gambar anda , ganti dengan alamat
lokasi gambar anda sendiri.


5.Jika anda ingin yag di situ bukan gambar tetapi jam / kalendar / hit counter / iklan / dll , maka ganti teks yang berwarna biru dengan script widget-widget tersebut
6.Simpan hasil kerja anda dan lihat hasilnya...




Related Posts



blog comments powered by Disqus

Blog post