Selamat datang... Benvenuti... مرحبا بكم... Welkom... Maligayang pagdating... 欢迎... Welcome... fáilte roimh... 歓迎... Bem-vindo... Hoşgeldin... 歡迎... Bienvenida... Vítejte...

Selasa, 15 Februari 2011

membuat gambar melayang di blog

Share |


Sebenernya bingung ini tulisan mau dikasih judul apa. Tapi karena tu gambar emang melayang –maksudnya gini, kemanapun lo gerakin scrollbar di blog lo, pasti ntu gambar masih tetep ikut- nah, jadilan gw memberi judul untuk postingan kali ini “gambar melayang”.
Liat ada gambar melayang di blog gw?..

Okay, ini dia langkah-langkahya.



  1. Login dulu ke blogger
  2.  Klik Rancangan 
  3. Pilih Edit HTML 
  4. Back up template lo, buat jaga-jaga. 
  5. Beri tanda centang pada EXPAND TEMPLATE WIDGET 
  6. Cari kode ]]></b:skin> 
  7. Letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tadi.
#my_triks {
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); }


Bottom sama Left ntu posisinya. Mau di kanan atas tinggal ganti dengan top right, mau di kiri bawah tinggal ganti bottom right, terserah mah pokoknya. Sok atuh!


    8.   Kalo uda, sekarang cari kode </body> 
    9.   letakkan kode di bawah ini persis di atas kode tadi
<div id="my_triks">
<a href="link blog milik saudara ">
<img src=" URL gambar yang ingin dipasang" border="0" /></a>
</div>

     10.  Ganti tulisan tebal di atas sesuai petunjuk.
     11.  Klik pratinjau, kalo sudah klik sama hasilnya... bole disimpan dan rasakan khasiatnya.




Selamat mencoba…!!!


0 komentar:

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Posting Komentar

Jangan lupa komentarnya. Makasih...

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008

Back to TOP