Thursday, 18 April 2013

Membuat gambar melayang di blog kita

Langsung aja ikuti petunjuk nya.

  1. Login dulu ke blog sobat
  2. trus pilih layout > edit HTML
  3. cari kode ]]></b:skin> kalo udah ketemu, simpan kode ini diatas kode tersebut

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

          4. teks yang bercetak tebal adalah posisinya, bisa sobat ganti sesuai keinginan sobat. kalo mau       diganti menjadi pojok kanan bawah tinggal sobat ganti kata LEFT dengan RIGHT, begitu juga dengan BOTTOM. apabila sobat mau diletakkan diatas tinggal ganti aja dengan tulisan TOP
         5. trus, cari kode </body>. kalo udah letakkan kode ini sebelum kode tersebut
<div id="trik_pojok"><a href="http://dokumenrifky.blogspot.com">
<img src="http://kendhin.890m.com/soniclari.gif" border="0" /></a>
</div>


"http://dokumenrifky.blogspot.com" adalah link. ganti dengan link sobat
"http://kendhin.89om.com/soniclari.gif"adalah lokasi gambar. ganti dengan lokasi gambar sobat.

          6. jika kamu ingin yang ada disitu bukan gambar tapi pengen jam/hit/widget-widget lainnya. ganti aja yang berwarna merah dengan script widget-widget yang sobat pingin.
            7.  Kalo sudah, tinggal disimpan lalu lihat hasilnya

Oke semoga berhasil, dan semoga bermanfa'at.
lihat trik dan tips untuk blog

Translate