Kamis, 21 April 2011

Menaruh Gambar or Animasi di pojok Blog{Float Image}




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 huga untuk mengarahkan suatu Link ke arah yang kita inginkan.
Berikut contoh gambar yang di maksud;


Langkah cukup mudah,Berikut langkah yang harus dilakukan.
  • Masuk ke Dasbor
  • Pilih Rancangan,lalu Edit HTML.
  • Cari kode berikut ini => ]]></b:skin> 
  • Masukkan kode berikut di atas kode tadi.













#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); }








  • Lalu anda cari kode => </body> dan letakkan kode berikut ini di atas kode tadi;









<div id='trik_pojok'>
<a href='http://www.penasaran.net/?ref=w2mwby'>
<img border='0' src='http://i1.peperonity.info/c/983730/154545/ssc3/home/069/mycasperwap/dover0.gif_120_120_256_9223372036854775000_0_1_0.gif'/></a>
</div>
 <script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>
<div style="display: none;">

<div style="background:#808080; text-align: center; padding:10px; "> #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); }

</div>

</div>

</div>

</div>

</div>




  • Klik Simpan


KETERANGAN:
-Ganti URl warna merah dengan URL anda,dan ganti URL warna hijau dengan URL gambar anda.
-Anda juga bisa mengubah 'Bottom' menjadi 'Top' dan 'Left' menjadi 'Right' sesuai keinginan anda.

Selamat mencoba.






0 komentar:

Posting Komentar

Dark Anonymous © 2008 Template by:
SkinCorner