Jumat, 15 April 2011

Memasang Gambar di Kiri Bawah Halaman Blog

Ketika saya ingin memasang image / banner yang bermanfaat yang berisi pesan yang ingin saya sampaikan kepada para visitor blog ini khususnya bagi akhwat / wanita, saya mengalami sedikit kesulitan dikarenakan lahan di blog saya sangat terbatas. Blog ini hanya memiliki satu sidebar saja yang berada di sebelah kanan. Memang saya sengaja memilih tamplate yang seperti ini karena merupakan salah satu trik agar blog saya mudah terbaca oleh mbah google juga memuat banyak tulisan tentunya...hemat gitu. Dan lagipula sidebar-nya sudah penuh oleh banner-banner yang lain. Namun akhirnya saya mendapat ide untuk memasang image / banner tersebut di kiri bawah halaman blog ini. Ini solusi yang sangat tepat bagi saya. Sebagai contohnya bisa anda lihat di blog saya ini. Tepatnya di kiri bawah halaman blog ini. Yang gambarnya bergerak dengan pesan "STOP BAJU KETAT". Gambar itu akan tetap berada di pojok, walaupun halaman blog di-scroll ke atas dan ke bawah. Selain itu, gambar itu juga akan tetap hadir di setiap halaman blog.
OK, saya anggap anda sudah mengerti. Sekarang bagaimana cara membuatnya ?


Ikuti tutorialnya, CEKIDOT :

1. Silahkan Login ke Blogger (khusus Blogger / Blogspot)...maaf yah buat yang pakai wordpress ^_^
2. KLik Rancangan >>> Edit HTML
3. Centang ""
4. Kemudian cari kode ]]></b:skin> . Untuk mempermudah pencarian, anda bisa gunakan tombol F3
5. Copy dan paste kode di bawah ini tepat di atasnya

#reizanewbie_corner {
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 kode </body>. Copy dan paste kode ini tepat di atasnya


<div id="reizanewbie_corner">
<a href="http://reizazulkarnaen.blogspot.com/">
<img src="
http://dc312.4shared.com/img/_WQUAnAo/0.13556668762760948/bajuketat.gif" border="0" /></a>
</div>

7. Kemudian ganti http://reizazulkarnaen.blogspot.com/ dengan alamat blog anda. Dan juga ganti
http://dc312.4shared.com/img/_WQUAnAo/0.13556668762760948/bajuketat.gif dengan URL gambar yang ingin anda jadikan gambar tetap di kiri halaman blog anda.

8. Save tamplate
 


Selesai deh semoga anda berhasil menggunakan trik saya ini!!! ^_^ 
Reiza Zulkarnaen
Jakarta, Reiza Zulkarnaen
Back to Reiza Zulkarnaen™

0 comments:

Posting Komentar

Mohon memberikan komentar yang sesuai dengan topik artikel. Komentar Anda akan kami review dahulu sebelum ditampilkan !!!