Cara Memasang Banner Iklan Dengan Mudah

Selasa, 06 Agustus 2013

Banyak yang bertanya tentang bagaimana Cara Memasang Banner Iklan Dengan Mudah dan Menarik serta penempatan di blog kita yang tepat. Ternyata caranya cukup mudah, selain banner yang dipasang ketika di tunjuk dengan mouse berubah warna dan ketika banner tersebut di klik akan membuka blog yang di iklankan di halaman tab baru seperti contoh banner iklan ukuran 125x125 dibawah ini :


Berikut Cara Memasang Banner Iklan Dengan Mudah :
#Langkah Pertama
  1. Seperti biasa, login di blogmu
  2. Pilih menu Template di Dahsboard
  3. Klik Edit HTML
  4. Cari kode ]]></b:skin> dengan menggunakan Ctrl+F
  5. Letakkan Kode dibawah ini tepat diatas kode ]]></b:skin> kemudian Simpan Template.
#advertise {margin:0px;padding:0px;text-align:center}
#advertise  img {margin:0px 0px;text-align:center;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 0px 0px 0px #ccc;}
#advertise img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

#Langkah Kedua
  1. Pilih Menu Tata Letak
  2. Tambahkan Gadget HTML/JavaScript ditempat yang akan dipasang Banner Iklan
  3. Masukkan Kode Iklan dibawah ini kemudian Simpan.
<div id="advertise">
<a href="
URL-BLOG-1" target="_blank" title="KETERANGAN-1"><img alt="KETERANGAN-BANNER-1" border="0" src="URL-GAMBAR-1" /></a>
</div>
Contoh Script Jadi :
<div id="advertise"><a href="http://tukang-buat-blog.blogspot.com/" target="_blank" title="Jasa Pembuatan Blog dan Website"><img alt="Tukang Buat Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq7swghIUJUALGG6cBzKvnsMUt7iXYdaLGcPZB8o2gXgx7NFsAY2iPoZs7gG8U-hzrXorI6a_nLOZIkIxLDjH1uPEbZInqZngIuqnsQsEcKliGVZlJ0E-ITLkciuD_M3atUjgNC0gKlYg/s125/tukang%2520buat%2520blog.png" /></a></div>

Keterangan :
  • Kode Warna Merah Ganti dengan Banner dan URL Anda.
  • Upload dulu Banner Iklan di blog atau ditempat penyimpanan lainnya, ambil URL Gambarnya dan pasang di script.
  • Jika hanya membuat satu banner iklan saja,  hapus kode yang kedua.
  • Jika ingin memasang banner sebanyak-banyaknya, silahkan copas script dibawah <div id="advertise"> diatas kode </div> sebanyak anda suka.
  • Berapapun ukuran banner iklan yang dipasang, otomatis akan menyesuaikan dengan tempatnya.
  • Jika memasang lebih dari satu banner, sebaiknya dalam satu Gadget buat ukuran yang sama jika.

#Langkah Ketiga
Lihat Hasilnya, Sudah Cakep belum ?? hehe

Lihat Contoh Ukuran Banner Iklan yang akan ditampilkan, buat sesuai ukuran dan upload. Agar posisinya menyesuaikan tempat.

Demikian tulisan Cara Memasang Banner Iklan Dengan Mudah ini, semoga bermanfaat, jika ada yang kurang jelas, silahkan tanyakan di kolom komentar. Salam Blogger
Bagikan tulisan ini :

76 komentar:

  1. kalo pengen 1,hapus yang ke dua..,maksudnya gimana mas??
    saya newbie

    BalasHapus
    Balasan
    1. thanks gan tutorialnya...
      jalan2 juga ke blog ane gan

      www.nontonulang.com

      Hapus
  2. thanks gan, sangat membantu aku membuat space iklannya..

    BalasHapus
  3. Lengkap juga mas,,jd gak perlu lagi nyusun CSSnya satu persatu..

    BalasHapus
  4. gan, tau gak cara agar gambar iklannya gak tepotong..

    BalasHapus
  5. trimz gan alhamdulillah akhirnya yg aku cari ketemu disini....
    jangan lupa kunjungi blog ku http://ifahreligius22.blogspot.com/

    BalasHapus
  6. mantap sob tutorialnya. ^_^
    sangat bermanfaat :))

    http://mas-opic.blogspot.com/

    BalasHapus
  7. Menjual Berbagai Herbal Obat Kuat Pria Alami, Obat Pelangsing Badan Herbal, Produk Kosmetik Bebas Mercury, Suplemen Kesehatan, Aneka Kondom Import, Sex Toys Pria Dan Wanita, Obat Perangsang Serbuk Dan Cair, Alat Pembesar Penis Dan Payudara Serta Obat Tahan Lama.

    Call Us Now : 081228635060 - 087746599003

    BalasHapus
  8. saya bisa tu... makasih banyak info nya...

    buka aja :
    http://auliyaakey.blogspot.com/

    BalasHapus
  9. "Saya menyukai tampilan website Anda dengan materi yang dibahas di dalamnya. Saya akan kunjungi beberapa waktu lagi untuk melihat informasi terbaru dari Anda".

    wahyudin
    cariuang-diinternet.com/?id=wahyu2905

    BalasHapus
  10. Mas asli otak saya jadi panas, mata berkunang2, kepala muter2, muka jadi kusut. Maksudnya setelah saya menekan ctrl+F, trus apa lagi? Maksudnya disuruh cari kode inikah >>> (]]>) jadi fungsi ctrl+F nya itu sebagai catatan saja supaya mudah mencari kode itu di barisan kode2 html? atau langsung bisa diedit dikolom kecil yang muncul setelah menekan tombol ctrl+F? Maaf yah mas mengganggu..

    BalasHapus
  11. masih belum bisa mas.. ada cara simplenya nggak??

    BalasHapus
  12. Mas widget like fanspage di belakang itukan blon ada isinya setelah mengikuti petunjuknya gimana biar ada isinya to widget. mohon dibalas

    BalasHapus
  13. Trims gan...yang pengen lihat hasilnya monggo mampir di blog saya http://abgnew.blogspot.com/

    BalasHapus
  14. terima kasih gan infonya, sangat bermanfaat, rencananya saya mau pasang banner iklan di http://simpleitcom.blogspot.com/

    BalasHapus
  15. Mantep gan..
    Yang mau masang iklan dan mahal gaperlu khawatir, saya buka pemasangan iklan murah.. 20rb/bulan 1 iklan.
    Hub : 083817259857
    http://www.rumus-matematikakita.blogspot.com

    BalasHapus
  16. keren gan postingannya, sukses selalu gan, saya juga mau coba

    BalasHapus
  17. Terima Kasih gan

    www.batamashare.blogspot.com

    BalasHapus
  18. Thanks infonya....
    kunjung balik dan join jga http://blog-medianet.blogspot.com/

    BalasHapus
  19. nice post gan, di tunggu kunbal nya gan hehe

    BalasHapus
  20. thanks gan tutorialnya

    www.central-kecantikan.com

    BalasHapus
  21. di blog gue terlihat bagus kolom iklanya bsa jg referensi www.moslimpedia.blogspot.com

    BalasHapus
  22. terima kasih gan, maklum saya penula :D

    BalasHapus
  23. thanks gan tutornya
    jgn lupa kunjungan baliknya http://i-maul.blogspot.com

    BalasHapus
  24. Makasih gan info dan tutornya. Nice artikel, ada contoh ukurannya :)

    BalasHapus
  25. terima kasih gan.. http://websitekesehatankita.blogspot.com/

    BalasHapus
  26. Sukses sob,Nice pos :) heroesman.blogspot.com

    BalasHapus
  27. wah artikelnya keren bgt kebetulan ane lg coba2 buat iklan banner. makasih ya

    BalasHapus
  28. mantab bener nih, sangat membantu...

    http://acemaxsshop.com/

    BalasHapus
  29. Terimakasih caranya :)
    http://kedaijellygamatgoldg.com/

    BalasHapus
  30. ketemu juga nih postingan yang bakal bantu ane atasi problem missing title waktu pemasangan banner. ohya gan, kalau website link error (seperti warning chkme) gimana atasinnya...tolong ya gan,
    kalau ada solusinya gan nitip solusinya disini

    BalasHapus
  31. mantab sib, sangat mantab sekali tutorialnya.. thanks

    BalasHapus
  32. Thank Gan infonya
    ini yang sedang saya cari-cari
    http://grosirobatjellygmat.com/obat-herbal-batu-ginjal/

    BalasHapus
  33. makasih gan, dicoba dlu tutorianya d blog ane...

    Baca juga Info Komunitas Online Megapolitan => Infonitas.com

    BalasHapus
  34. Kebetulan saya baru belajar mas, saya coba kok gak bisa ya mohon petunjuk nya dong mas My Empty Purse

    BalasHapus
  35. Sangat bermanfaat sekali gan apa yang saya butuhkan ada disini :)
    Izin nyimak
    http://goo.gl/UtW3U9

    BalasHapus
  36. Sangat bermanfaat sekali gan apa yang saya butuhkan ada disini :)
    Izin nyimak
    http://goo.gl/UtW3U9

    BalasHapus
  37. wew... sipp gan
    http://ceritalengkapcerpen.blogspot.com

    BalasHapus
  38. mampir bro ke blog ane http://fuumagaming.blogspot.com/

    BalasHapus
  39. gambarnya gak timbul gan,,,tolong solusinya
    butew.com

    BalasHapus

  40. MAAP ADMIN -- SEPUPUH PEMILIK KOMUNITAS DAN FANPAGE.. saya tidak bermaksud untuk spam/ mengotori wall anda !! SAYA HANYA INGIN MEMBERITAHU BAHWA POKERWALET. COM SEDANG MENGADAKAN **KONTES SEO DENGAN TOTAL HADIAH 40 JUTA !!!! ***

    kami ga boong atau tipu2 kk :0 IKUT DAFTAR YUK :)

    BINGGUNG ?/ DAN BUTUH PENJELASAN LEBIH LANJUT ??
    HUB KAMI :

    1. www.seopokerwalet.com
    2. YM: cs.pokerwalet
    3. Line: cs.pokerwalet
    4. Wechat: pokerwalet
    5. Telepon : +6287782001962


    Ditunggu kedatangannya di www.PokerWalet. com ,
    Terima Kasih dan Salam Sejahtera.

    BalasHapus
  41. sangat membantu gan,,terimakasih
    jangan lupa mampir http://sikopelarabica.blogspot.co.id/

    BalasHapus
  42. sudah di coba tapi msh belum paham..., karena kolom banner nya blm terlihat

    BalasHapus
  43. wow..makasih banyak sobat ini sangat membantu saya yang newbie
    salam www.bandarq.com

    BalasHapus

  44. Thanks infonya kak.. hehe

    Selamat siang :) jangan malu dan mampir di blog kami juga ya kak.. di http://windobet.blogspot.com/ atau ke website kami di www.windobet.com

    Terima kasih

    BalasHapus
  45. terima kasih gan atas bantuannya, jangan lupa kunjungi blog kami ya di skysportsindo.blogspot.com

    ada hadiah menarik menanti anda dsana

    BalasHapus
  46. wah cuma blog ini benar2 ane bisa mengerti dan bisa di terapkan caranya. yang lain bikin pusing
    makasih ya gan
    mampir2 gan biar tambah rame blog baru ane
    kacamata.blogspot.com

    BalasHapus
  47. thanks infonya gan, ilmunya sangat bermanfaat

    www.smartkiosku.com
    www.kudupinterkabeh.blogspot.co.id

    BalasHapus
  48. http://kosmetikbali.com/wp-content/uploads/2015/07/alfatekah.gif

    BalasHapus
  49. thank infonya gan

    http://downloadlagutedjo.blogspot.co.id/

    BalasHapus

 
KETENTUAN | DISCLAIMER | BANTUAN
Copyright © 2013. Tukang Buat Blog - All Rights Reserved
Template by Creating Website | Johny Template | Mas Template
Powered by Blogger