Cara Membuat Obyek Melayang di Blog

Hari keempat di tahun 2012, baru pulang kerja, istirahat sebentar langsung duduk di depan laptop untuk posting. Sebetulnya bingung juga mau posting apa. Akhirnya terpilih satu topik,

yang sebetulnya sudah kuno dan sudah banyak sekali dibahas di blog-blog tetangga. Tapi buat nambahi koleksi tulisan nggak apa-apalah. Siapa tahu bermanfaat buat teman-teman yang belum pernah menggunakannya.

Sesuai judulnya, bagaimana cara membuat obyek melayang di blog kita? Obyek yang dimaksud bisa berupa tulisan atau gambar atau iklan yang ingin kita bikin tampil melayang di blog kita, contohnya seperti iklan yang ada di sisi kanan blog ini.

Bagaimana caranya, silahkan teman-teman simak caranya seperti di bawah ini:

1. Silahkan teman-teman login dulu ke akun blogger masing-masing.
2. Masuk ke tab menu Design, lalu pilih Page Elements.
3. Klik Add a Gadget lalu pilih HTML/JavaScript.
4. Kalau sudah silahkan copas kode di bawah ini:

Contoh untuk tulisan melayang:

<div style="display:scroll; position:fixed; top:40px; right:5px;"> Tulisan teman-teman di sini </div>

Contoh untuk iklan melayang:

<div style="display:scroll; position:fixed; top:10px; right:0px;"> <a class="linkopacity" href="http://www.formulabisnis.com" target="_blank" rel="nofollow" title="Formula Bisnis" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.formulabisnis.com/images/fb160400.gif" /></a> </div>

Keterangan:

1. Warna biru, silahkan teman-teman ganti dengan posisi teks/gambar yang ingin teman-teman pasang. 
2. Warna merah, silahkan teman-teman ganti dengan tulisan yang ingin teman-teman pasang.
3. Warna hijau, silahkan teman-teman ganti dengan URL iklan punya teman-teman. 
4. Warna pink, silahkan teman-teman ganti dengan URL gambar iklan punya teman-teman.

Terakhir, Save, dan lihat hasilnya.

Sekian dulu teman-teman, semoga bermanfaat.