Saturday, May 21, 2011

Pasang Gambar Tetap di Pojok Kiri Blog

Pasang Gambar Tetap di Pojok Kiri Blog.
Untuk mempercantik tampilan blog banyak cara yang dilakukan. Selain menambah beberapa widget pada sidebar, juga dapat dilakukan dengan cara menambahkan gambar tetap pada pojok kiri blog Anda. Seperti terlihat pada gambar di samping.

Gambar tetap di pojok kiri blog tersebut akan tetap berada di pojok, walaupun halaman blog discroll ke atas atau bawah. Selain itu, gambar itu juga akan tetap hadir di setiap halaman blog. Nah, saya anggap anda sudah mengerti. Sekarang bagaimana cara membuatnya ?
Ikut langkah berikut ini :

1. Login ke blog Anda.
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. Setelah Anda menemukan Code tersebut copy dan paste kode di bawah ini tepat di atasnya.

#gambar_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="gambar_pojok">
<a href="http://viacomcc.blogspot.com">
<img src="http://h1.ripway.com/biyans77/DI.png" border="0" /></a>
</div>

Catatan :
Ganti tulisan yang berwarna merah ( http://viacomcc.blogspot.com ) dengan nama blog Anda, dan   ( http://h1.ripway.com/biyans77/DI.png ) dengan alamat url gambar Anda.

7. Lalu save, dan silahkan lihat hasilnya.

Untuk melihat hasil dari code di atas, silahkan Anda masuk ke Blog ini.... 
Selamat berkreasi...

No comments:

Post a Comment

Terima kasih atas kunjungannya jika ada pertanyaan,saran,maupun kritik dan demi perkembangan blog ini silahkan tinggalkan komentar Anda.