CARA MEMBUAT IKLAN MELAYANG DISISI KIRI ATAU DI KANAN BLOG dan SEKALIGUS KEDUA SISI

Nah bagaimana agar anda juga dapat memanfaatkan teknik tersebut pada iklan anda? berikut ini adalah tutorial cara membuat iklan melayang disisi kiri atau kanan blog anda. Jika anda pernah mendapatkan teknik pemasangan iklan dengan menerapkan kode pada Edit HTML anda, maka pada tutorial cara memansang iklan melayang pada blog ini saya hanya akan menggunakan teknik pemasangan kode hanya pada AddGadget pada halaman Tata Letak. tentu dari segi waktu dan segi apapun lebih memudahkan anda.

Ada 2 cara yang akan saya jelaskan, pertama cara yang hanya menempatkan link URL yang kedua dengan menggunakan code iklan seperti adsense atau yang lainnya. mari simak baik-baik :

CARA A DENGAN LINK URL

Buat widget baru HTML/Javascript, Edit dan simpan kode ini :

<style type="text/css">
#fixedbanner {
 position: fixed;
 top: 160px; /* Jarak dari atas */
 right: 0; /* Apabila ingin di kanan ganti right menjadi left */
}
</style>
<div id='fixedbanner'>
<a href='#' onclick='var el=document.getElementById(&apos;fixedbanner&apos;);el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP5lfROGtRXfHxaMKh1v4-tphIRM_cBVORsL74R4x27KefORFnqzvsBRZobfCeAgKy2ukF0WJdV3lAtQ7LKK_TAGO9_ptdwv0Y7Ulj4DLUZ-p5aLfRxV1X5q9AWRDghNx8EsWXkQr5c2M/s1600/delete2.png'/></a>
<a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a>
</div>

Anda hanya perlu menambahkan URL iklan anda, silahkan ganti bagian yang di beri tanda merah sesuai kehendak anda. kemudian lihat hasilnya.

CARA B DENGAN MENYUNTIKAN KODE IKLAN 

Hampir sama dengan cara A, cara agar membuat iklan melayang kali ini lumayan agak sedikit rumit tapi tenang pelan-pelan, mari ikuti tutorialnya.

<style type="text/css">
#fixedbanner {
 position: fixed;
 top: 160px; /* Jarak dari atas */
 right: 0; /* Apabila ingin di kanan ganti right menjadi left */
}
</style>
<div id='fixedbanner'>
<a href='#' onclick='var el=document.getElementById(&apos;fixedbanner&apos;);el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP5lfROGtRXfHxaMKh1v4-tphIRM_cBVORsL74R4x27KefORFnqzvsBRZobfCeAgKy2ukF0WJdV3lAtQ7LKK_TAGO9_ptdwv0Y7Ulj4DLUZ-p5aLfRxV1X5q9AWRDghNx8EsWXkQr5c2M/s1600/delete2.png'/></a>
kode iklan anda
</div>

Anda tinggal merubah kode iklan tersebut menjadi kode iklan anda, biasanya untuk pemasangan iklan di kiri atau kanan blog menggunakan size iklan 160 x 600.

Dan ini scrypt /kode untuk iklan melayang sekaligus kedua sisi :

<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<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>

<!--start: floating ads-->
<div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">
 <div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5xw7Z20aPQ7qYP7woy1bMGNwF94K8UIYwJw-ncc0tH-uk6ynim6oTzmLGIIALnsigYzvycmPJGG5hOwuYI2A2n5Vui6tPg9fWyd5GxQaljnlPh1hqBRUG2VTL1GiDVa-1AdvliUNdtRC_/s1600/PhoXo2.png'/></center></a></div>
<!--Mulai disini-->
KODE IKLAN SOBAT DISINI
<!--Akhir disini-->
</div>


<!--end: floating ads-->


   <!--start: floating ads-->
<div id="teaser3" style="width:autopx; height:600; 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5xw7Z20aPQ7qYP7woy1bMGNwF94K8UIYwJw-ncc0tH-uk6ynim6oTzmLGIIALnsigYzvycmPJGG5hOwuYI2A2n5Vui6tPg9fWyd5GxQaljnlPh1hqBRUG2VTL1GiDVa-1AdvliUNdtRC_/s1600/PhoXo2.png'/></center></a></div>
<!--Mulai disini-->
KODE IKLAN SOBAT DISINI
<!--Akhir disini-->
</div>
<!--end: floating ads-->



Contoh scrypt untuk buat kode iklan

<a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner/gambar anda'/></a>