Cara membuat gambar melayang di blogspot

 

Gambar melayang yang dimaksud adalah seperti gambar back to top di blog ini, bukan membikin gambar melayang keangkasa. Gambar tersebut akan selalu tampil saat halaman digulung. Gambar melayang dapat diisi iklan gambar dan lain-lain, tujuannya tentu agar diperhatikan. Dengan selalu tampil sepanjang halaman-halaman blog dibuka maka kemungkinan menarik pengunjung melihat tentu tinggi. Ini salah satu trik dasar sebuah website atau blog. Bagi yang ingin menambah pacar dengan blog akan efektif memasang fitur ini he.he..

Artikel tutorial ini sebenarnya menjawab pertanyaan kawan blogger pada email masuk. Daripada saya balas via email lebih baik saya posting disini, itung-itung nambah postingan. Karena search engine google konon cinta sama blog/website yang kaya konten, begitu katanya setelah saya tahu Google lebih mendalam.
Begini nih cara memasang di blogspot:
PERTAMA
Masuk ke blogger dashboard dan masuk pada edit template. Kemudian cari kode:
]]></b:skin>
Kalau sudah ketemu copy code dibawah ini dan paste diatas kode tadi. Eh iya pilih salah satu kode dari 4 pilihan posisi dibawah ini, jangan dicopy semuanya. Maksudnya misalnya anda memilih "posisi kiri atas", maka gambar melayang akan ada disebelah kiri atas layar.

Posisi kiri atas
<br /> #ngawang {<br /> top:10px;<br /> left:10px;<br /> position:fixed;<br /> _position:absolute;<br /> clip:inherit;<br /> _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);<br /> _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth);<br /> }<br /> #ngawang a img {border:0}<br />

Posisi kanan atas
<br /> #ngawang {<br /> top:10px;<br /> right:10px;<br /> position:fixed;<br /> _position:absolute;<br /> clip:inherit;<br /> _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);<br /> _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth);<br /> }<br /> #ngawang a img {border:0}<br />

Posisi kiri bawah
<br /> #ngawang {<br /> bottom:10px;<br /> left:10px;<br /> position:fixed;<br /> _position:absolute;<br /> clip:inherit;<br /> _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);<br /> _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth);<br /> }<br /> #ngawang a img {border:0}<br />

Posisi kanan bawah
<br /> #ngawang {<br /> bottom:10px;<br /> right:10px;<br /> position:fixed;<br /> _position:absolute;<br /> clip:inherit;<br /> _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);<br /> _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth);<br /> }<br /> #ngawang a img {border:0}<br />

Sudah? simpan template anda untuk mengecek apakah ada error apa tidak.
KEDUA
Sekarang cari kode: (dibagian bawah template) </body>
Kalau sudah ketemu maka letakkan kode dibawah ini diatas kode tadi.
<div id="ngawang">
<a href="http://www.ateonsoft.com/2008/11/tukar-link-dengan-ateonsoftcom-otomatis.html"><img src="http://ateon.fs.googlepages.com/link-exchange.jpg"></a>
</div>
Kode diatas silahkan diedit dulu, warna merah ganti dengan alamat target halaman yang kamu inginkan, sedangkan warna hijau adalah alamat gambar yang ingin dipasang. Agar pemasangan gambar lebih optimal baca "mengoptimalkan pemasangan gambar".
Jika ingin memasang gambar untuk status Yahoo Messenger bisa seperti dibawah ini: <div id="ngawang">
<a href='ymsgr:sendIM?faisal.febri@ymail.com' title='Chat With me when active'><img src='http://opi.yahoo.com/online?u=faisal.febri@ymail.com&amp;m=g&amp;t=1&amp;l=us'/></a>
</div>
Ganti warna merah dengan account yahoo kamu dan kode warna hijau adalah kode gambar yahoo. Silahkan berkreasi deh. Anda bisa memasang banyak gambar, dan untuk meletakkan dibawahnya tinggal diberi kode <br /> dan jangan lupa semua kode harus ada diantara <div id="ngawang"> dan </div>.
Selamat mencoba. Happy Blogging………..

feed dari situs: http://www.ateonsoft.com

Incoming search terms for the post:

cara membuat gambar melayang, cara membuat gambar melayang di blog, membuat gambar melayang, cara bikin gambar melayang, gambar melayang, cara memasang gambar melayang di blog, gambar melayang di blog, cara membuat gambar melayang di blogger, cara membuat gambar melayang diblog, cara membuat iklan di tengah layar blog, cara membuat iklan gambar melayang, cara membuat kolom chat ym melayang di blog, cara membuat status ym melayang di blog, cara gambar melayang di blog, membuat iklan gambar melayang, membuat back to top melayang pada blogger, cara pasang banner di blog agar selalu tampil, cara pasang iklan gambar melayang di blogspot, yahoo messenger, pasang banner melayang di blogspot, menambahkan gambar melayang diatas blogger