Minggu, 18 September 2011

Cara membuat gambar Melayang

  1. Login ke blogger, Dasbor pergi ke>> Rancangan>>Edit HTML.
  2. Centang Expand Template Widget.
  3. Anda juga perlu untuk membackup template asli anda terlebih dahulu dengan Download Template Lengkap dan memilih simpan/save dan menyimpannya pada hard disk. Cadangan ini akan bermanfaat jika ada yang tidak beres dengan langkah2 yang anda kerjakan.
  4. Cari kode : ]]></b:skin> 
  5. Kalau sulit bisa dengan cara cepat saat pencarian yaitu dengan tekan CTRL F/F3.
  6. Letakkan kode dibawah ini diatas kode tersebut. #trik_pojok {
    position:fixed;_position:absolute;bottom:0px; left:0px;
    clip:inherit;
    _top:expressionundefineddocument.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expressionundefineddocument.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
  7. Text yang berwarna merah adalah posisinya, kalau pengen ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right" atau juga tengan dengan "center". Begitu juga tulisan "bottom", jika pengen di posisi atas bisa diganti dengan "top". Itu semua sesuai keinginan Anda dan selera Anda.
  8. Langkah selanjutnya yaitu letekkan script dibawah ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://mas-debby.blogspot.com/">
<img src="http://i1212.photobucket.com/albums/cc459/engcellpulsa/20070717193729_burung_469cb8091c4f5.gif" border="0" /></a>
</div>

Kode yang berwarna merah diganti dengan blog Anda dan yang berwarna biru diganti dengan photo atau gambar/banner yang Anda akan ditaruh di pojok blog Anda. Silangkah cari link gambarnya di photobucket.com.

  9. Jangan lupa Simpan Template.



Tidak ada komentar:

Posting Komentar