Tips Blog : Cara membuat iklan melayang di sisi kanan-kiri blog

Jika sobat mempunyai blog di blogger.com, kali ini saya akan memberikan tips "Cara membuat Iklan Melayang di Kanan dan Kiri" blog sobat. Mungkin saat anda berkunjung pada beberapa blog, banyak sekali iklan yang tampil pada halaman blog mereka. Mulai dari tampilan iklan yang melayang, fixed (tetap) hingga iklan yang melayang tetapi dilengkapi dengan buttom close.

Nah pada tips kali ini saya akan memberikan tips membuat iklan melayang pada kanan dan kiri blog dengan dilengkapi buttom close yang memungkinkan pengunjung blog anda dapat menutup tampilan iklan anda. Karena sebagian orang tidak senang dengan tampilan iklan-iklan semacam itu. jadi untuk memudahkan pengunjung blog anda untuk berselancar di blog anda, maka anda harus membuatkan buttom close nya.

Untuk lebih jelas seperti apa tampilan buttom close nya biasa anda lihat di blog kami ini,

Yupss.... sekarang sudah jelas seperti apa tampilan iklannya. Sekarang saatnya membuat tampilan iklan seperti di atas.

1. Login ke blogger dengan account anda.

2. Pada Dashboard blog anda, pilih Tata Letak.

3. Kemudian pilih Add Gadget (Tambah Gadget)

4. Pilih HTML/JaavaScript.

5. Letakkan kode berikut ini kedalam kotak HTML/JavaScript.

     <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 href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3majFQayn1vCjyMoyR_eOJM9ZTHYBQg-W1Oaokiu49n3ss3XSMbhWIR32P7tleLaLRsdnmECruhLW4-E7M7KMRniPSghkXShzb0XruRs-ceLXjbwLrZRl-zQB_0qNuizhg5Y1Ek_bMB8/s1600/PhoXo2.png'/></center></a></div>
    <!--Mulai-->
    Masukkan kode Iklan anda disini
    <!--Akhir-->
    </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 href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3majFQayn1vCjyMoyR_eOJM9ZTHYBQg-W1Oaokiu49n3ss3XSMbhWIR32P7tleLaLRsdnmECruhLW4-E7M7KMRniPSghkXShzb0XruRs-ceLXjbwLrZRl-zQB_0qNuizhg5Y1Ek_bMB8/s1600/PhoXo2.png'/></center></a></div>

    <!--Mulai-->
    Masukkan kode iklan anda disini
    <!--Akhir-->

    </div>
    <!--end: floating ads-->

Note:

    Tulisan Masukkan kode Iklan anda disini yang pertama merupakan letak kode iklan anda yang nantinya berada di sebelah kanan blog anda.
    Tulisan Masukkan kode Iklan anda disini yang ke-2 merupakan letak kode iklan anda yang nantinya berada di sebelah kiri blog anda.

6. Terkahir silahkan Save.

Kemudian lihat hasilnya pada blog sobat. Semoga berhasil dan bermanfaat. Mohon maaf jika ada kesalahan.

Sumber : tipsuntukbloger