Cara membuat gambar melayang atau Floating Banner

 Pertama, saya ingin memperkenalkan widget baru Pojok Download. Widget ini aslinya dibuat oleh radarurl.com, tapi saya memodifikasinya dengan mengganti javascript yang ada dengan modifikasi saya. Klik gambar di atas, ataupun yang ada di sudut kanan bawah layar kamu untuk melacak keberadaan orang yang sedang melihat Pojok Download.


Gambar melayang, atau floating banner adalah sebutan untuk gambar atau content lainnya yang mengikuti scroolbar. Saya kurang suka floating banner ini, karena mengganggu pemandangan. Tapi, jika kamu menyampingkan pemandangan ya tak-apa-apa. Atau, kamu bisa memasukan gambar yang uoke jadi serasi dengan blog kamu.

TO-Torial ( dibaca: tutorial )

1. Login ke Blogger>> pilh menu edit tata letak/layout>> Edit HTML
2. Klik "download template lengkap", ini untuk menghindari kerusakan yang tidak bisa di recovery.
3. Paste kode berikut sebelum kode ]]>

Jika ingin memasang gambar/banner di posisi kanan atas blog

#registrasi {
top:5px;
right:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

Jika ingin memasang gambar/banner di posisi kanan bawah blog

#registrasi {
bottom:5px;
right:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

Jika ingin memasang gambar/banner di posisi kiri atas blog

#registrasi {
top:5px;
left:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

Jika ingin memasang gambar/banner di posisi kiri bawah blog

#registrasi {
bottom:5px;
left:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

4. copy paste kode berikut setelah kode </body>

<div id='regristrasi'>
<a href='http://pojok-download-dot-cum.blogspot.com/'>
<image border='0' src='http://gambar.gif'/></a>
</div>

5. Ubah kode http://refrensiregristrasi.blogspot.com/  menjadi alamat halaman yang kamu inginkan. Dan ubah http://gambar.gif menjadi alamat gambar kamu. Save dan lihat hasilnya!


Berikut adalah beberapa animasi gif yang dapat kamu pakai secara Gratis:

 

 untuk lebih banyak animasi gif, kunjungi http://www.gifs.net/.

jika terjadi kesalahan, maka kamu tinggal mengupload template blog yang kamu download tadi. Maka anggap saja tidak terjadi apa-apa

Unknown

Author & Editor

Kalau anda berhenti berjuang. Itu tandanya anda tidak yakin. Karena keyakinan adalah bahan bakar untuk berjuang. Barangsiapa yang yakin, maka ia akan terus berjuang.