Cara Membuat Gambar Melayang (Float) di Blog

Berikut adalah tips bagaimana membuat gambar melayang di samping kiri-kanan dan atas-bawah blog sobat. Sobat dapat memasang float gambar ini untuk menghiasi tampilan web dengan gambar, adsense dan lain sebagainya.

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
2. Cari kode ini ]]></b:skin>
4. Kalau udah ketemu letakkan kode berikut ini di atasnya.

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

5. Text yang dicetak tebal adalah penempatan posisi gambar di blog, jika sobat mau ganti di posisi pojok kanan bawah tinggal ganti "left" dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

6. Langkah selanjutnya yaitu meletakkan script berikut ini sebelum kode </body>

<div id="float">
<a href="www.blogtrikdantips.blogspot.com">
<img src="http://i478.photobucket.com/albums/rr146/tovarossi/bird_ann.gif" border="0"/></a>
</div>

7. Ganti link www.blogtrikdantips.blogspot.com dengan link blog sobat
8. Simpan hasil kerja sobat dan lihat hasilnya Baca Juga : Anekahosting.com web hosting murah terbaik di indonesia
Baca Juga : Exploit Joomla - Remote Shell Upload Vulnerability [ com_fabrik ]
Baca Juga : Proxy Tercepat Di Indonesia

Title Post: Cara Membuat Gambar Melayang (Float) di Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Author: Avia
Terimakasih sudah berkunjung di blog CyberAsk, Jika ada kritik dan saran silahkan tinggalkan komentar

Artikel Menarik Lainya :