Cara Membuat Float Images pada Blog

Pintu Kaya - Jika Sobat Blogger sering mengunjungi Blog Pintu Kaya ini pasti tahu kan di pojok bawah kanan Blog kan ada Gambar yang mengarah ke Akun Twitter Pintu Kaya. Kini kita coba yuk cara membuat suatu gambar atau apa saja di pojok bawah kanan Blog anda.

Cara ini sangatt bermanfaat untuk mempromosikan sesuatu di Blog anda. Terlebih lagi jika link tersebut adalah link refferal, hhe. Ya sudah yuk, segitu aja basa-basinya, langsung saja yuk untuk menghemat space Isi Postingan ini kita langsung masuk ke caranya :

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo sudah ketemu letakkan kode berikut ini di atasnya.

#float_image {
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); }

Notes : Tulisan yang miring itu bisa diganti sesuka hati, atau sesuka selera anda dan sesuai kebutuhan di Blog anda.


Apakah sudah selesai? Belum, masih ada lagi caranya , lanjut mang :

4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="float_image">
<a href="http://alamatlinktujuan.com">
<img src="http://alamatgambar.gif" border="0" /></a>
</div>

5. Kemudian Save Templatenya.

Notes : Silahkan ganti tulisan yang bewarna merah denan Link Tujuan dan alamat gambar yang ingin dipakai. Bagaimana? Mudah bukan?

Related Post