Memasang Gambar Berada Di Pojok Halaman

Untuk memasang gambar untuk berada di pojok halaman pada blog. Anda harus menambahkan beberapa kode pada template blog Anda. Ingin tahu?bagaimana caranya.
Silahkan ikuti langkah-langkah berikut ini:

1. Login ke blogger.com

2. Klik menu Layout kemudian klik Edit Html

3. Cari kode ]]></b:skin> kemudian copy paste kode berikut tepat 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); }

Keterangan :
  • Bottom : adalah posisi gambar berada di bagian bawah, jika Anda ingin meletakannya pada bagian atas, Anda tinggal mengganti dengan top.
  • Left : adalah posisi gambar berada di kiri halaman blog, jika Anda ingin meletakannya di bagian kanan, Anda tinggal merubahnya dengan right.
4. Setelah selesai cari kode </body> kemudian copy paste kode berikut tepat di atasnya

<div id="trik_pojok">
<a href="http://www.zugamedia.co.cc">
<img src="http://s.mynicespace.com/myspacepic/120/th/12084.gif" border="0" /></a>
</div>

Keterangan :
  • http://www.zugamedia.co.cc : adalah link blog. Ganti dengan link blog Anda.
  • http://s.mynicespace.com/myspacepic/120/th/12084.gif : adalah lokasi url gambar. Ganti dengan lokasi url gambar Anda.
5. Jika Anda ingin memasang sebuah widget. Anda tinggal mengganti kode yang berwarna merah di atas dengan script widget yang ingin Anda pasang.

6. Simpan hasil pengeditan

7. Selesai
Good luck

7 komentar:

  1. bagi yang suka edit HTML blognya jadi cantik deh...

    ReplyDelete
  2. ini dia yang aku cari cari sob makasih ya

    ReplyDelete
  3. Di tunggu artikel selanjutnya sob

    ReplyDelete
  4. kesini lagi, makasih sudah berbagi tipsnya.

    ReplyDelete