Minggu, 16 Januari 2011

Menampilkan Gambar seperti Disamping Kanan(Bawah)

Saat belajar blog saya bertemu dengan trik ini yang mungkin bisa bermanfaat buat teman-teman, mungkin trik ini udah banyak yang tahu tapi ini menurut saya ilmu ini tak akan saya lewatkan begitu saja. Untuk lebih lanjut langsung saja melakukan percobaan.

1. Login ke Blogger

2. Tata Letak + Edit HTML

3. Beri centang pada Expand Tempelate Widget

4. Kemudian cari kode ]]></b:skin> (mempercepat pencarian CTRL-F)

5. Copy kode di bawah ini di atas kode ]]></b:skin>

#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);
}
  • Tulisan yang biru bottom dapat kamu ganti dengan top (fungsinya untuk pilihan atas atau bawah)
  • Tulisan yang merah left dapat kamu ganti dengan right (fungsinya untuk pilihan pojok kiri atau kanan bawah)
6. Selanjut nya cari lagi kode </body> (mempercepat pencarian CTRL-F)

7. Kemudian letakkan di bawah ini di atas kode </body>

<div id='trik_pojok'><a
href='http://seikerbau.blogspot.com'><img border='0'
src='http://i46.tinypic.com/8x50s6.gif'/></a></div>

  • Tulisan pada warna merah silahkan ganti dengan url blog/web kamu
  • Tulisan pada warna biru silahkan kamu ganti dengan url gambar yang kamu inginkan

8. Simpan Template dan lihat hasil nya

NB : Jika kamu ingin url/gambar yang cocok silahkan lihat di bawah ini

Ini url gambar nya : http://i47.tinypic.com/2woxbgm.jpg



Ini url gambar nya : http://i50.tinypic.com/30jtz0j.gif


Ini url gambar nya : http://i50.tinypic.com/11snk82.gif

Gambar di atas dalam bentuk bergerak jika kamu ingin mencari yang lain silahkan cari di google dan carilah gambar yang bergerak.. ini saja yang bisa saya kasih tahu sama kalian mau cari info lagi ah....

Tidak ada komentar:

Posting Komentar