Cara Memasang Gambar Tetap di Kiri Halaman Blog

Cara Memasang Gambar Tetap di Kiri Halaman Blog

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 (kartun) itu. 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 "Expand Template Widget".
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://komputerbox.blogspot.com">
<img border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfaqRzxKMeBOhYj1bL1pqclifxlWsEXrhGX-oGr68zzRqr9Eit4S7e-Tv-FLl-2SUwZvZ12aR2ekDZeyksmJ5mEOsX5l0Z2ZXSE7Zjp1VWKd6VA67ORJGNoO_kOvK8ANAk7Qy5SrCTUlM/s400/Logo.png" width="400" /></a>
</div>

 

7. Kemudian ganti http://www.komputerbox.blogspot.com dengan alamat blog anda. Dan juga ganti bp.blogspot.com/-m3i-7pTF5js/UHFLyRByawI/AAAAAAAAADU/fx7Nzz6KpTk/s400/Logo.png dengan alamat gambar yang ingin anda jadikan gambar tetap di kiri halaman blog anda.

OK, Save.

sumber