Cara Membuat iklan melayang di sisi blog (side bar)

Anda pernah menjumpai sebuah iklan yang melayang di sisi kiri dan sisi kanan sebuah blog atau website?

Meskipun scroll mouse anda gerakkan naik atau turun tetapi iklan tersebut tetap berada pada posisinya, tidak ikut naik atau turun. Agar lebih mudah saya sebut saja dengan nama "iklan melayang".

Nah pada kesempatan kali ini saya akan berbagi untuk membahas tentang bagaimana cara membuat iklan melayang pada sisi bar pada blog (blogspot). Ok, langsung saja

Langkah Pertama :

Silahkan masuk pada menu " Tata Letak " blogger anda.

Kemudian pilih " Tambah Gadget " sesuai dengan letak atau posisi gadged yang anda inginkan.

Diantara menu pilihan gadget, silahkan anda pilih " HTML / Java Scipt ".

Kemudian masukkan script dibawah ini pada kolom " HTML / Java Script " tadi

Script iklan melayang di side bar :

<br /> <br /> <script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script><br /> <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)}; </script><script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script><br /> <!--start: floating ads--><br /> <div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;"><br /> <div><br /> <a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='http://link-1.png'/></center></a></div><br /> <!--Kode URL link iklan anda dimulai dari sini--><br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://link-2.html"><br /> <img border="0" src="http://linkads-3.gif"/></a></div><br /> <br /> <!--Kode URL link iklan anda diakhiri di sini--><br /> </div><!--end: floating ads--><br /> <br /> <!--start: floating ads--><br /> <div id="teaser3" style="width:autopx; height:500; text-align:right; display:scroll;position:fixed; top:0px;right:0px;"><div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='http://link-1.png'/></center></a></div><br /> <br /> <!--Kode URL link iklan anda dimulai dari sini--><br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://link-2.html"><br /> <img border="0" src="http://linkads-3.gif" /></a></div><br /> <br /> <!--Kode URL link iklan anda diakhiri di sini--><br /> <br /> </div><br /> <!--end: floating ads--><br /> <br />

Langkah Kedua

Keterangan :

- Untuk teks "http://link-1.png" adalah URL link tempat penyimpanan gambar "tombol close"

- Untuk teks "http://link-2.html" adalah URL link tujuan iklan, jika link tersebut di klik.

- Untuk teks "http://linkads-3.gif" adalah URL link tempat penyimpanan gambar iklan anda.

Silahkan ketiga URL tersebut diatas anda edit dan anda ganti dengan URL link gambar serta URL iklan anda.

Jika sudah, sekarang anda bisa menyimpannya dan silahkan anda lihat hasilnya.

Semoga bisa membantu