Pages

Minggu, 01 Mei 2011

Cara Mengatur Letak Gambar di Blog

Buat posisi digambar berada dipojok, cari gambar disini

1. Copy alamat URL gambar
2. Login ke blogger
3. Masuk ke menu Layout (Rancangan) > Edit HTML
4. Backup template terlebih dahulu.
5. Cari kode ]]></b:skin>
6. Letakkan kode berikut tepat dibawahnya :

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

7. Kode bottom dan left menandakan posisi dari gambar..
    alternatif: left, top, bottom, right.

8. Setelah itu cari kode </body> di template dan letakkan kode dibawah ini tepat diatasnya :

<div id='trik_pojok'>
<a href='http://url_blog_anda/' target='_blank' title='gambar pojok'>
<img border='0' height='175' src='http://url_gambar' width='150'/></a>
</div>

9. Ganti http://url_blog_anda/ dengan url blog anda
10. title='pesan' : pesan ini muncul ketika mouse onhover.
11. width : tinggi gambar
12. height : lebar gambar
13. src : isi dengan alamat URL sumber gambar
14. Save Changes atau Save Template.

1 komentar: