Kamis, 20 Januari 2011

gambar tetap di kiri halaman blog




Btw, sudah tahu kan apa yang saya maksud dengan gambar tetap di kiri halaman blog
Contohnya bisa anda lihat di blog saya ini. Tepatnya di kiri bawah halaman blog ini.
Yang gambarnya foto saya megang guitar itu. gimana ganteng kan,,???xixixixixixix
Gambar itu akan tetap berada di pojok, walaupun halaman blog discroll ke atas bawah. Selain itu, gambar itu juga akan tetap hadir di setiap halaman blog.
OK, saya anggap anda sudah mengerti. Sekarang bagaimana cara membuatnya ?

Berikut adalah step-stepnya.

1. Silahkan masuk (login) ke Blogger. (Disini saya hanya akan menjelaskan untuk blog bermesin Blogger/ Blogspot saja ya)
2. KLik tata letak > edit html.
3. Centang "".
4. Kemudian cari kode ]]></b:skin>. Untuk mempermudah pencarian, anda bisa gunakan fungsi FIND, dengan menekan CTRL+F.
5. Sudah ketemu ? Kalau sudah, copy dan paste kode di bawah ini 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); }

6. Kemudian cari lagi kode </body>. Copy dan paste kode ini tepat diatasnya.

<div id="trik_pojok">
<a href="http://www.budimanhuma.blogspot.com">
<img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs327.snc4/41485_100000596446349_486_n.jpg" border="0" /></a>
</div>

7. Kemudian ganti dengan alamat blog anda.
http://www.budimanhuma.blogspot.com Dan juga ganti http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs327.snc4/41485_100000596446349_486_n.jpg dengan alamat gambar yang ingin anda jadikan gambar tetap di kiri halaman blog anda.

OK, Save. Selesai. Sekian tutorial (perbaikan) ini. Semoga anda berhasil menggunakan tri..

selamat mencoba,,.

Tidak ada komentar:

Posting Komentar

Disemat di bawah entri