MEMBUAT GAMBAR MELAYANG PADA BLOG - Agorepost.blogspot.com

Sabtu, 28 Agustus 2010

Cara Membuat Gambar melayang Pada blog


Salah satu hal terpenting dalam dunia blogging adalah melakukan publikasi. Baik publikasi blog kamu di blog lain dengan melakukan tukar link atau mempublikasikan posting kamu di blog kamu sendiri dengan menggunakan gambar melayang. Nah pertanyaanya apa itu gambar melayang?

Gambar melayang adalah gambar yang letaknya tidak berubag meskipun blog di scroll ke bawah atau keatas itu yang saya maksud floating image atau gambar melayang. contohnya bisa anda lihat pada blog ini juga. Nah untuk bisa membuat gambar melayang, berikut adalah cara untuk membuat gambar melayang pada blog :

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.
#gambar_melayang {
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); }
3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="gambar_melayang">
<a href="http://linkblogkamu.com">
<img src="http://linkgambarkamu " border="0" /></a>
</div>
5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

0 comments:

Posting Komentar

Counter

Website counter

Blog Statistic

SEO Stats powered by MyPagerank.Net
 
Copyright 2010 © Agonaldo