Cara Membuat Iklan Melayang

Iklan melayang bagi sebagian pengunjung mungkin cukup

menjengkelkan. Karena baru saja blog terbuka pengun-

jung sudah disuguhi iklan atau apalah yang muncul tiba-

tiba (termasuk di blog ini, he he he ...) Tapi sebagai

pemilik blog, iklan atau sesuatu yang melayang ini sangat

menguntungkan, karena yang jelas menghemat ruang

sehingga tidak memakan tempat. Khusus untuk blog ini,

posisinya digantikan dengan 'salam perkenalan'. Intinya

ada pada kalimat 'Tutorial telah dipraktekkan sendiri dan

semuanya berhasil'. Karena pengalaman saya, ada saja

"Blog" atau "Website" yang mengumbar tutorial tapi begitu

dipraktekkan ternyata ga bisa. Betul tidak ?!

Sudahlah, kita kembali ke topik pembicaraan kita kali ini,

yaitu 'Cara Membuat Iklan Melayang'. Caranya adalah :

1.  Login ke Blogger -> klik Rancangan
2.  Pada Dasbor -> Klik Tambah Gadget , lalu
     -> Pilih HTML/Java Script
3.  Copy kode script di bawah ini :

<br /> <style type="text/css"> #topbar { position:absolute; z-index: 80; padding: 10px; background: #00FFFF; background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9)); background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9))); border: 1px solid #000000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: #900FF 0 1px 13px; -moz-box-shadow: #9000FF 0 1px 13px; margin:0 auto 10px; float:left; color:rgba(0, 0, 0, 0.75); font-size: 12px; font-family: Verdana, serif; text-shadow:0 1px 0 #FFFFFF; } #topbar img { border:none; } #topbar .tombol { margin:0; padding-bottom:5px; text-align:right; } #topbar .tombol button { color:#FFFFFF; border: solid 1px #999999; margin:0; padding:2px 15px; cursor: pointer; text-shadow: 0 1px 1px rgba(0,0,0,.6); background: #0000FF; background: -webkit-gradient(linear, left top, left bottom, from(pink), to(#00FFFF)); background: -moz-linear-gradient(top, blue, #0000FF); } #topbar .isi_iklan { background-color:#00FFFF; margin:0; padding:4px; width: 420px; height: 400px; border: 1px solid #999999; } </style><br /> <script src="http://btuneup.googlecode.com/files/js_pop_up.js" type="text/javascript"></script><br /> <script type="text/javascript"> var persistclose=1 var startX = 10 var startY = 10 var verticalpos="fromtop" </script><br /> <div id="topbar"> <div class="tombol"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><button><b>TUTUP</b></button></a></div> <div class="isi_iklan"> <blink>DI SINI TEMPATKAN URL IKLAN ANDA</blink><br /> </div></div>

4.  Isikan Kode di atas ke dalam gadget tersebut.
     Judulnya kosongkan saja.

5.  Ubah/sesuaikan ukuran (width: & height:) nya.
     Bila perlu, ubah juga 'var startX = & var startY ='nya.
     Kalau tidak, juga tidak apa-apa.
     Masukan URL iklan ada pada kode yang berkedip.

6.  Simpan, selesai

Selamat mecoba dan semoga berhasil
Tetap selalu dalam Good Luck ......