Tentang Ilmu Komputer, Android, Panduan Blogging dan Tips di Internet.

Membuat Iklan Melayang di Samping Blog Dengan Tombol Close

Dahulu saya pernah membagikan Cara Memasang Iklan di kiri dan kanan blog. Tampilan iklan yang dihasilkan pastinya terdapat di samping kanan dan kiri blog, serta melayang. Namun walaupun melayang, iklan ditampilkan di luar kolom konten blog, dengan kata lain tampilan iklan tersebut tidak
memasuki daerah konten blog. Jadi akibatnya, jika blog tersebut dibuka pada PC atau perangkat yang hanya bisa menampilkan daerah konten blog saja, maka iklan tersebut tidak dapat ditampilkan. Kecuali PC atau perangkat dapat melakukan Zoom out pada halaman Blog.

Iklan Melayang di Samping Blog

Jika pada blog sobat memasang space iklan seperti demikian, bisa jadi advertiser yang mengerti akan kurang tertarik untuk memasang iklan. Atau bahkan advertiser sama sekali tidak menemukan space iklan tersebut. Maka dari itu, kali ini saya akan membagikan cara membuat space iklan dengan posisi serupa namun tidak memiliki kelemahan seperti space iklan sebelumnya.

Tampilan Iklan yang dihasilkan akan melayang dan berada di Samping kanan dan kiri Blog. Tidak seperti iklan sebelumnya yang terdapat di luar daerah konten blog, yang satu ini akan terus berada menempel di samping kanan dan kiri monitor. Jadi seberapa besar pun ukuran halaman blog yang ditampilkan pada PC atau perangkat lain, iklan ini akan terus ditampilkan walaupun sampai menghalangi konten Blog. Namun tentunya jika iklan ini sampai menghalangi konten Blog, maka pasti akan sangat mengganggu pemandangan pengunjung Blog. Maka dari itu, iklan ini dilengkapi tombol close agar dapat dihilangkan demi kenyamanan pengunjung Blog. Seperti berikut contoh hasilnya.

Iklan Melayang di Samping Blog Dengan Tombol Close

Membuat Iklan Melayang di Samping Blog Dengan Tombol Close

  • Sign in ke akun Blogger sobat masing-masing.
  • Masuk ka begian Tata Letak.
  • Klik tambahkan gadget di kolom widget mana pun.
  • Pilih mode HTML/Javascript.
  • Masukan kode berikut.

<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='http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png' alt='close' title='close button'/></center></a></div>


<!--Mulai disini-->


<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kiri Blog-->


<!--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='http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png' alt='close' title='close button'/></center></a></div>


<!--Mulai disini-->


<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kanan Blog-->


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

  • Masukan script iklan yang akan dipasang di bagian kiri blog pada tulisan berwarna merah.
  • Masukan script iklan yang akan dipasang di bagian kanan blog pada tulisan berwarna biru.
  • Klik simpan, dan selsesai.
Ikllan pun sudah terpasang melayang di samping kiri dan kanan dengan tombol close seperti contoh pada screenshot di atas tadi.

Artikel terkait : Membuat Iklan Melayang di Samping Blog Dengan Tombol Close

Artikel Blog Regi Brader Lainnya :

55 komentar:

  1. Replies
    1. manthap gan artikelnya
      http://dikejar.com/

      Delete
  2. Kayaknya bagus nihh untuk blog saya... ijin bookmark dulu.

    ReplyDelete
  3. mantap, ditunggu kunjungan nya om ;)

    ReplyDelete
  4. Terima kasih, sangat bermanfaat sekali..

    ReplyDelete
  5. mantap gan :D
    http://p4ndoo.blogspot.com/

    ReplyDelete
  6. maksi banyak gan

    http://zainurihasan.blogspot.sg/2014/05/perbedaan-windows-32bit-dan-64bit.html

    ReplyDelete
  7. Kunjungan balik gan
    http://sharezone-premium.blogspot.com/
    INSYA ALLAH SEMUA YANG ANDA PERLUKAN ADA {}

    ReplyDelete
  8. terima kasih infonya

    http://orang-berdasi.blogspot.com/

    ReplyDelete
  9. terimakasih infornya bang :D
    http://blogayobi.blogspot.com/

    ReplyDelete
  10. Mksih gan.... sngat bermanfaat

    http://mata-game.blogspot.com/

    ReplyDelete
  11. makasih gan sangat bermanfaat
    http://probestschool.blogspot.com

    ReplyDelete
  12. makasih atas infonya gan...pokoke muantab dah...(y)
    Jangan lupa Kunjung balik
    http//adibbiankasendriblog.blogspot.com

    ReplyDelete
  13. hatur nuhun
    http://andri-st.blogspot.com

    ReplyDelete
  14. terima kasih infonya, salam blogger dan sukses selalu
    http://giribig.com/
    http://www.duniagame.info/
    http://www.idcheat.com/

    ReplyDelete
  15. sangat menarik artikelnya, terimakasih
    http://ramuantradisionalkita.com/

    ReplyDelete
  16. thanks gan ...
    Info seputar Android ------>>>> http://anggarayaa.blogspot.com/

    ReplyDelete
  17. gan gx bisa nih... kenapa apa yg salah di jawab y di tuggu

    ReplyDelete
  18. manfaat
    http://dimungkinkan.blogspot.com

    ReplyDelete
  19. terimakasih banyak sob tutorialnya...

    http://acemaxsshop.com/obat-keputihan-herbal/

    ReplyDelete
  20. terima kasih bro pas banget untuk mengiklankan nih .!

    ReplyDelete
  21. Thank Gan, sangat bermanfaat artikelnya

    http://grosirobatjellygmat.com/

    ReplyDelete
  22. artikelnya bagus, kunjungi juga blog saya : baharipou.blogspot.com

    ReplyDelete
  23. sip gan thank info nya
    jangan lupa kunjungi balik Http://app--center.blogger.com/

    ReplyDelete
  24. Terima kasih untuk artikelnya.. saya izin untuk mempergunakannya di blog yang saya punya...
    salam sukses selalu..


    Dari:
    http://miniblogger28.blogspot.com

    ReplyDelete
    Replies
    1. sudah gan mantap, kunjung balik ya gan :D

      dari:
      http://www.memberita.com/

      Delete
  25. Tutorial bekerja di blog www.vektorkades.com , Terima kasih (y)

    ReplyDelete
  26. terima kasih tutorialnya gan , work udah ane coba di endroidapk.com

    ReplyDelete
  27. terimakasih teman blogger. www.tafshare.com

    ReplyDelete
  28. maksaih gan... tp kira kira ini menutupi konten gak ya,, seprti populer pos atau yang lainnya

    http://lanangandwedok.blogspot.com/

    ReplyDelete
    Replies
    1. Tergantung lebar halaman Blog, sama tergantung resolusi komputer yang membuka halaman blog..

      Delete
  29. Gan.... pake PPC advertiser, apa blognya ngk kena malware ya gan..... blog saya barusan kena malware.... di iklan PPC BDV.... apa suda aman BDV...

    ReplyDelete
  30. Terimakasih infonya gan
    jangan lupa kunjungi blog saya http://shabrimassar01.blogspot.co.id/

    ReplyDelete
  31. mantap gan, mampir juga gan http://blogsamz11.blogspot.co.id/ semoga bermanfaat

    ReplyDelete
  32. thank gan atas infonya
    jika sempat jangan lupa kunjungannya http://bejocius.blogspot.co.id/

    ReplyDelete
  33. bisa kena banned adsense tidak gan

    ReplyDelete
  34. Wahh mantap tutorial pasang iklannya heehe, saya sudah praktek ini hasilnya : http://makalah15.blogspot.co.id/ terima kasih huuuu ..

    ReplyDelete
  35. untuk dipasang di blog wordpress bisa ga mas

    ReplyDelete
  36. ilmunya sangat bermanfaat :D

    http://www.smartkiosku.com
    http://www.kudupinterkabeh.blogspot.co.id

    ReplyDelete
  37. Patut Dicoba, langsung ke TKP.

    Pasang Iklan Gratis http://armandrivay.blogspot.com

    ReplyDelete
  38. mantap gan,,,,,,,,,,,,,,terima kasih

    ReplyDelete
  39. Aman kaga ? dari sumber lain katanya melanggar TOS Adsense. Soalnya mau di pasang di blog adsense. Eh tapi dperhatikan blog ini juga dipake buat iklan adsense.

    Software gratis disini bro http://free-use.blogspot.co.id/

    ReplyDelete
  40. Sempet kebingungan juga tadinya, gan. Gak berhasil mulu. Ternyata mala disimpat di HTML template bukan widget heuheuheu.
    Thanks, dah works di blogku www.gratiskabeh.com buat semua pecinta Gratisan xixixi...

    ReplyDelete

Copyright © 2013-2016 Blog Regi Brader - All Right Reserved