Selasa, 04 Desember 2012

Cara buat gambar dikiri halaman blog





tw, 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://unntukmu.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitudeqznxoSMfCvgRC6My_foEe4fTM1k3Ed-1-0MN5nRqUKYnqyNZLfaO7_66YTZKXbfXbNPyN_8DJXXLhv2J7AyYoFBWrCfr9izhacWV_qunSUBkI9S6owD3ObHf3WobfAd0Du8Aub40/w180-h300-k/Blogkiran+copy+copy.png" border="0" /></a>
</div>

7. Kemudian ganti http://unntukmu.blogspot.com/ dengan alamat blog anda. Dan juga ganti "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitudeqznxoSMfCvgRC6My_foEe4fTM1k3Ed-1-0MN5nRqUKYnqyNZLfaO7_66YTZKXbfXbNPyN_8DJXXLhv2J7AyYoFBWrCfr9izhacWV_qunSUBkI9S6owD3ObHf3WobfAd0Du8Aub40/w180-h300-k/Blogkiran+copy+copy.png 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 trik saya ini.

Tidak ada komentar:

Posting Komentar