Selasa , Agustus 5 2025

Cara Membuat Iklan Melayang di Kanan Kiri Blog

Cara Membuat Iklan Melayang di Kanan Kiri Blogย – Lokasi / posisi / letak iklan sangat menentukan apakah iklan tersebut berkinerja dengan baik atau tidak. Iklan yang di pasang di blog tidak boleh asal-asalan penempatanya. Yakni harus dipasang di lokasi yang strategis agar selalu bisa dilihat dan diklik oleh pemirsa blog.

Salah satu letak iklan yang paling bagus adalah iklan floating atau melayang. Lokasi iklan jenis ini akan selalu kelihatan meskipun scroll browser di naik turunkan, pasti akan selalu dilihat oleh pengunjung blog. Hanya saja, jenis iklan ini kurang disukai oleh pengunjung. Selain itu, untuk iklan PPC (Pay Per Click) tidak diperbolehkan memasang iklan seperti ini, karena hal itu melanggar kebijakan program PPC. Namun, apabila iklan mandiri, akan sangat dianjurkan, karena para advertiser cenderung berani membayar dengan harga tinggi untuk memasang iklan di posisi ini.

Bagi anda yang mempunyai interest yang tinggi dalam make money from blogging, terutama membuka iklan mandiri di blog anda, anda bisa mencoba membuka space iklan model ini, karena hal itu sangat menguntungkan. Jangan sampai ruang kosong di blog anda di anggurin, karena anda akan rugi besar ๐Ÿ˜€

Cara Membuat Iklan Melayang di Kanan Kiri Blog KerenBeberapa waktu yang lalu saya sudah membahas tentang Cara Membuat Ikan Teks Sendiri sebagai panduan praktis bagi anda yang ingin belajar membuat iklan teks. Dalam kesempatan kali ini saya akan share tetang cara bikinย iklan pop up melayang di kanan kiri blog. Berikut adalah langkah-langkahnya.

Cara Membuat Iklan Melayang di Kanan Kiri Blog

1. Silahkan copas seluruh script berikut ini:

<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 masanwar.com--><br />
<div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;">
<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center>
<img src='http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png'/></center>
</a><br />
</div>
<!--Mulai Iklan Kiri--><br />
<a title="Pasang Iklan Murah" href="https://syairpandawa1.com/pasang-iklan-murah/" target="_blank"><img alt="Advertisement" src="http://1.bp.blogspot.com/-5FHzo7CdrFI/VaFL5csWmVI/AAAAAAAAF7M/vdWenrxUyJc/s1600/pimbcr.jpg" width="160px" height="600px"/></a><br />
<!--Akhir Iklan Kiri--><br />
</div>
<div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;">
<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center>
<img src='http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png'/></center>
</a><br />
</div>
<!--Mulai Iklan Kanan--><br />
<a title="Pasang Iklan Murah" href="https://syairpandawa1.com/pasang-iklan-murah/" target="_blank"><img alt="Advertisement" src="http://1.bp.blogspot.com/-5FHzo7CdrFI/VaFL5csWmVI/AAAAAAAAF7M/vdWenrxUyJc/s1600/pimbcr.jpg" width="160px" height="600px"/></a><br />
<!--Akhir Iklan Kanan--><br />
</div>

Keterangan:
Kode warna biru kode iklan anda dengan ukuran 160×600 vertikal
Kode Warna merah kode iklan anda dengan ukuran 160×600 vertikal

2. Pasang iklan di blog dengan cara log in di blog anda

3. Dashboard > Tata Letak > Tambahkan Widget

4. Pilih widget HTML/JavaScript > Paste seluruh scrip tadi > Klik save

Tambahan:
Untuk pengguna blog wordpress selfhosted, anda bisa membuat iklan floating melayang di kanan kiri blog dengan mudah. Yakni dengan memasang/install pluginย Float Left Right Advertising. Setelah plugin tersebut di install, anda bisa mengaktifkannya. Baru kemudian anda hanya perlu memasukkan script iklan banner pada plugin tersebut.

Demikian informasi yang bisa saya share untuk anda tentang Cara Membuat Iklan Melayang di Kanan Kiri Blog. Semoga bisa bermanfaat untuk anda sekalian. Jangan lewatkan posting menarik lainnya tentang Cara Mendapatkan Uang dari Internet dengan Mudah. Kurang lebihnya saya mohon maaf dan terimakasih atas perhatiannya.

Check Also

5 Cara Mendapatkan Uang Dari Aplikasi Android

5 Cara Mendapatkan Uang Dari Aplikasi Android – Hp Android kini semakin banyak model nya, …

132 comments

  1. Muhammad Widisono

    Wah, keren juga mbk, bisa menarik pengunjung untuk ngeklik iklannya

  2. Muhammad Widisono

    Wah, aku pertamax ya mbak

  3. Wah, nice sharing nih.. Bagus untuk pemula :-B

  4. ntar deh kalo udah macet pengunjungnya bisa pasang gituan hehe

  5. Pasang yang dikanan. mepet sama scrollbar, berdoa agar enggak sengaja ke klik iklannya, tapi pastiin iklan buka new tab, bukan ganti halaman ๐Ÿ™‚

    • Kalau pasang iklan mandiri, bisa di setting kalau di klik muncul di tab baru. Tapi kalau pasang iklan PPC sepertinya sulit dan banyak situs PPC yang tidak memperbolehkan penempatan iklan seperti itu ๐Ÿ™‚

  6. muya devoteeshonesty

    Hemmm melihatanya gampang niih rin
    Karena nggak usah edit html hehehe
    tinggal tambahkan widget
    trims rin

  7. Wah sepertinya menarik nie untuk coba dipraktekin dan caranya juga gak susah ya mbak tinggal copy aja scriptnya ya…. makasi udah berbagi tutorialnya dan mohon maaf baru sempet blogwalking lagi nie ๐Ÿ™‚

  8. baharudinwahida

    wah..makin keren aja tips-tips nya..sesuatu…banget..

  9. iklan melayang sperti ini apakah tidak mengganggu pengunjung mbak ??
    btw alexa cara-ririn cepat sekali rampingnya yaa pake resep apa mbak
    bagi tips nya doonk
    ๐Ÿ˜€

    • Dalam artikel diatas sudah saya singgung mas bahwa iklan model ini cenderung tidak di sukai oleh pengunjung blog, karena bisa mengganggu pengunjung.
      Terkait dengan tips merampingkan Alexa, saya sudah banyak sekali menulis tips tentang itu mas. Yakni di situs Merdeka, Kompasiana, dan juga di Ririn’s Blog. Kalau ingin di ulas lagi, iya tidak apa-apa. Semoga aja nggak bosen, soalnya substansinya sama aja hehe :megreen:

  10. Hati – hati mbak, jangan sampai salah pasang tempat. Bisa – bisa waktu malam tidur iklannya melayang – layang sendiri di kamar ๐Ÿ˜€

  11. Agus Supriyono

    Perlu ni Disimpan dulu scriptnya, barangkali lain waktu butuh tinggal pasang, terimakasih mba ririn

  12. mantap nih mbak saya pengen mencobanya. Lumayan pasang iklan dapat uang hehe

  13. iklan melayang ini tidak mengganggu pengunjung untuk membaca entry kita kan? sangat bermanfaat sharing cara membuat iklan melayang ini..

  14. Abdul Kholiq Hasan

    membuat floating ads ya? saya pernah mencoba hal tersebut, tapi karena sekarang blog saya sudah berat loadnya jadi sudah berani nambah slot lagi

    • Iya tidak apa-apa mas. Faktor loading juga penting untuk diperhatikan karena hal itu demi kenyamanan pengunjung blog ๐Ÿ™‚

  15. kalau dilihat dari hp kelihatan nggak mbak sebab yang melayang kadang tidak sengaja kesentuh

  16. apa gak terkesan menggangu ya sis kalo di kasi gituan?

    • Terkesan mengganggu mas. Silahkan dipikir-pikir lagi ya kalau mau pasang iklan melayang seperti ini ๐Ÿ™‚

  17. mekanik komputer

    keren sih.. ijin nyimak ya sis..

  18. Indra Kusuma Sejati

    Sudah pernah masang tapi agak berat mbak. he,,he,, he,, jadi yang gampang-gampang saja. Biar tetap enteng.

    Salam,

    • wah pengalaman yang sangat menarik mas. bisa buat bahan pertimbangan ya buat para blogger yang ingin dan atau sedang memasang iklan model floating ini di blog nya ๐Ÿ™‚

  19. Cara membuat iklan floating ini sering sekali dimaksimalkan ruang kosong untuk space iklan ya mbak memang kalau traffik blog bagus space kita bisa jadi ruang iklan untuk advertiser

    • Iya betul mas. Soalnya sayang banget kalau trafik blog nya tinggi, ada ruang kosong yang di anggurin hehehe :mrgreen:

  20. wah kenapa sekarang punya mbak ririn gak ada melayangnya mbak?

  21. tanks neng ririn infonya

  22. mwahhh super sekali,, baru beberapa hari dah langsing bget si alexa nya ya rin
    oya selamat atas domain baru nya semoga tambah greget lagi mbak ririn

  23. Pas banget untuk iklan ya mbak.

  24. Valentino Febrian

    Mantap mbak..thanks artikelnya ..kapan2 sya coba

  25. ijin save mbak siapa tahu suatu saat nanti butuh

  26. blog jadi berat ga sih masang beginian rin?

  27. pernah coba,, tp scroe SEO jadi ancur,, jadi terpaksa bongkar muatan,,

    mungkin lain kali bisa diterapkan kalau traffic sudah tinggi

  28. klau gitu tampilan blog bakal jadi ramai ya mbak.. ๐Ÿ™‚

  29. Saya dulu pernah mencoba, Tapi kok pas dibuka lewat hp. blognya ketutup sama iklan yang melayang ya..

  30. Dadang Hidayat

    Mungkin keuntungan iklan melayang dapat selalu dilihat oleh pengunjung blog, namun tidak sedikit juga yang risih adanya iklan melayang. Terimakasih sharingnya mba. Salam sukses.

  31. Rohis Facebook

    Keren! mirip2 di detik com, makasih mbk Rin *smile

  32. Menarik artikelnya nih Mbak Ririn ijin saya Belajar
    Pasang di blog saya terima kasih Mbak Ririn ๐Ÿ™‚

  33. wah boleh juga nih mbak ririn tutornya,,,,,

  34. Mezi Aris Apronny

    Tapi memang agak sesak mbak blog kalau dipasang iklan model kayag gini hehe ๐Ÿ™‚

  35. Dalam rangka berkunjung ke warung mba ririn.. selamat malam ๐Ÿ˜€

  36. Saya pernah nemu blog yag pasang iklan model begini, tapi malah kurang enak di baca mbak, hehehehe

  37. kalau pasang iklan melayang di kanan kiri blog jadi terlihat rame yah blognya, makasih buat tutorialnya mbak ๐Ÿ™‚

  38. Ini dia cara membuatnya, bolehlah untuk iklan Premium
    Makasih ya Mbak

  39. Wah sudah ada contohnya….tinggal niru nih, thanks, Mbak Ririn…

  40. Ini hasilnya yang sekarang ya Mbak

  41. asik nih sekarang blog nya mbak master banyak iklannya…. semoga makin sukses ya… saya mau ikutan ah pasang iklan mandiri ehheeh

  42. wah nambah satu ilmu lagi nih dari mba ririn. ๐Ÿ˜€

  43. Adsense q di banned gara-gara pake beginian…eheheh
    Ga nyoba register di madadsmedia, alexa nya kan bagus neh…. ๐Ÿ™‚

  44. Funtastic….. ๐Ÿ˜‰

  45. Nice info. Tapi tidak cocok kalau dipakai untuk memasang iklan dari GA, kliksaya, etc.

  46. mantaf kak ririn saya cobain doeloe yah ๐Ÿ˜‰

  47. kk untuk adsense bahaya ngga?

  48. untuk adsense bahaya ngga mba? soalnya saya taakut buatnya..

  49. mantaf kk ririn..sukses selalu..

  50. BUKU BEST SELLER (garisbuku.com)

  51. saya sejujurnya tak suka iklan melayang ni sebab cepat pening kepala esp. kalau beronline dengan tab

  52. Makasih Tutorialnya

  53. kalo iklan melayang di sidebar blog caranya gimana mbak ririn? ketika di scroll ke bawah iklannya gak bergerak gitu…

    • owh itu iklan sticky kak. Saya kebetulan belum tahu cara bikin nya. Anda bisa cari di Google dengan keyword “Cara Membuat Sticky Widget”

  54. nah ini dia yang ane cari…masang iklan kiri kanan ga pake close >_< mkasi mbak riri

  55. wah bemanfaat sekali makasih banyak mba RIRIN ๐Ÿ™‚

  56. setelah dicoba memang berhasilll, tapi kalo di buka di hp iklan nutupin blognnya,,,,,,,,,,,,

    • iya memang betul itu mas, kalau versi hape jadi iklan tersebut menutupi konten blog

      • Ada solusi ngga mba Ririn supaya iklan yang tampil di kiri dan kanan blog tidak mengganggu tampilan mobile? misalkan agar khusus banner di kiri dan kanan tersebut tidak tampil atau muncul pada tampilan mobile. Mudah-mudahan mba punya solusinya, terima kasih..

  57. Terima Kasih atas INFO nya gan. Kunjungi blog saya ya gan. Follow BLOG saya kalo mau.

    TERIMA KASIH

  58. Lupa ngasih alamat blognya ya ๐Ÿ˜€

  59. Mantap. saya izin copy ya mbak, buat blog saya, sapa tau berguna

  60. kak ririn cara pastenya gimana terus munculin g
    lagi gimana?

  61. kak ririn tau gk cara agar tulisan melayang mengikutin mouser

  62. Mbak kalo untuk wordpress selfhosted bisa ngga?

  63. makasih info nya mbak ririn. saya bookmark dulu deh,
    menunggu pemasang iklan datang ๐Ÿ˜€

    kunjung blog saya kalau berkenan ๐Ÿ™‚

  64. Pertamaxx gan artikelnya.
    ini yang sedang saya cari, maklum masih newbie jadi masuh butuh pembelajaran. ๐Ÿ™‚
    di tunggu artikel selanjutnya gan dan sukses selalu. ๐Ÿ™‚
    thx infonya

  65. siap dijalankan intruksinya.. terima kasih

  66. keren nih postingannya, jgn lupa kunjungi blog saya juga ya…hehe

  67. Mantap infonya mbak, ikut nyimak aza…..

  68. wuich, pengunjungnya bjibun ky lg ada bigsale di mall..
    btw, kmaren sy coba ni ilmunya mba, berhasil. tapi saya pengennya yg ky di web mba ini, bannernya bisa bergerak naik-turun kalo discroll up-down. bagi sy skripnya donk mba.. ke email sy aja.
    maklum nubie mba, lg seneng2nya ngoprek, hehe.. makasih ya mba!

  69. Games terbaru di internet saat ini banyak bermunculan, berbagai jenis pun di tawarkan. Salah satunya href elangcapsa.com rel nofollow games capsa online yang banyak jadi perbincangan. Games capsa ada 2 macam yaitu a href elangcapsa.com rel nofollow games capsa susun dan a href elangcapsa.com rel nofollow games capsa banting. Keduanya sangat menarik untuk dimainkan. Anda belum pernah mencoba? Anda bisa coba sekarang di a href elangcapsa.com rel nofollow ELangcapsa.com. Terbaru, terbaik dan terpercaya.

  70. Caranya tau link gambar yang kita buat gimana?, soalnya bannernya maunya pake bhs. inggris

  71. Kalo untuk adsense berbahaya ga ?

  72. kok cuman di home page aja mbaj, kalo tampil semua halaman gimana mbak??

  73. Makasih banya ya mbak tutor nya sangat membantu..
    jangan lupa main-main ke blog saya ya
    ๐Ÿ™‚

  74. akhirnya saya temukan script ini disini, makasih ya

  75. Wah lumayan, agak sesak, nanti di langsingkan

  76. Ini kok nggak sama yang ada di blog ini ya yang bannernya? Yang kanan udah pas, tapi yang kiri kok ketinggian ya? ๐Ÿ™ ๐Ÿ˜ฎ

  77. Kak Punyaku kok gak bisa .. coba lihat di bacathok.com

  78. Kalau ingin diganti dengan ukuran 120×600 scriptnya mana yang harus dirubah ya mbak?

  79. makasih sist postingannya

  80. ini iklan mantap, tapi kalo layar nya kecil apakah bakal menutupi halaman atau apakah bakal mengalah ke belakang halaman alias iklannya tidak tampil?

  81. saya coba deh, terimakasih

  82. Thank ya mbak ririn untuk tutorialnya, mantap mbak

  83. Terimakasih admin sya sudah coba dan praktekkan di website sya. Cuma sya ada kendala sedikit. Bagaimna caranya agar iklan melayang disamping kanan saat dibuka lewat hp tidak menutup konten seperti di blog cara-ririn ini?

  84. makasih mba ririn, sangat membantu, iklan nya banyak bgt mba, dapet dari mana itu yak..?? hhe

  85. kalau untuk iklan google ads boleh gak mbak..?

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *