Sunday, February 17, 2013

Cara Membuat Banner Iklan di Blog

Cara Membuat Banner Iklan di Blog
Hasil kerja Blogging sobat harusnya menghasilkan suatu keuntungan. Ngapain bersusah payah untuk Blogging namun tidak ada yang sobat hasilkan. Jadi apa keuntungan kita dari Blogging?
Salah satunya adalah dengan adanya iklan. Jadi, jika ada yang memasang iklan pada Blog sobat, maka si pemasang harus membayar dengan tarif yang telah ditentukan. Jadi kita para Blogger harus berusaha membuat Blog sebagus mungkin agar Blog kita ramai dan menarik seseorang untuk memasang iklan di Blog kita.

Untuk memudahkan para pemasang iklan memasang iklan di blog sobat, sobat baiknya menyediakan kotak banner iklan.

Membuat Banner Iklan:
1. Sediakan Gambar untuk Promosi pemasangan iklan. Sebaiknya gambar tersebut menarik seperti gambar animasi. Untuk membuat animasi dengan efek yang menarik, salah satu caranya adalah membuat banner animasi.
2. Jika Gambar telah siap, maka sobat login ke akun Blogger sobat.
3. Masuk ke bagian Template dan pilih Edit HTML.
4. Cari kode ]]></b:skin>, agar lebih mudah gunakan tombol ctrl+F.
5. Masukan kode berikut diatas kode ]]></b:skin>.
 
#super-beeads {margin:0px;padding:0px;text-align:center}
#super-beeads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#super-beeads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}


Sobat bisa membuat 4 kotak iklan sekaligus dengan posisi 2 baris x 2 kolom.
Untuk lebih jelasnya, beginilah contoh hasil pembuatanya:

Cara Membuat Banner Iklan di Blog

Perhatikan, untuk kode berwarna merah adalah jarak antara kotak iklan atas dengan kotak iklan bawah, sedangkan untuk warna biru adalah jarak antara kotak iklan kiri dan kotak iklan kanan. Sesuaikan dengan keinginan sobat.

6. Setelah selesai, save Template sobat.
7. Tahap selanjutnya, sobat masuk ke bagian Tata Letak.
8. Klik tambah gadget pada bagian dimana sobat akan memasang kotak iklan.
9. Masukan kode berikut, (sesuaikan berapa kotak iklan yang akan sobat buat).

<div id="super-beeads">
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title=" Title-Iklan"><img alt="Alt/text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
<a href="Masukkan-Url" target="_blank" title="Title-Iklan"><img alt="Alt/Text Gambar" border="0" src="Url Gambar" /></a>
</div>

Catatan, Untuk kode warna merah adalah Url tujuan gambar, untuk kode warna hijau adalah Title gambar, untuk kode warna kuning adalah Alt/Text Gambar, untuk kode warna biru adalah Url gambar.
Kode diatas akan menghasilkan 4 gambar dengan urutan: kiri atas, kanan atas, kiri bawah dan kanan bawah. Silakan hapus salah satu jika tidak diperlukan.
Sobat bisa memasukan Url promosi pemasangan iklan pada gambar, atau jika telah ada yang memasang iklan sobat masukan Url tujuan iklan gambar tersebut.

10. Simpan pekerjaan sobat dan lihat hasilnya.
sumber: Super-Bee

#Atau jika sobat akan memasang iklan dengan gaya standard, langsung saja tambahkan gadget di posisi yang sobat inginkan, pilih mode HTML/Javascript, dan masukan kode berikut. Tentunya sobat perhatikan dahulu besar sidebar harus dapat menampung besar gambar.

<a href="http://regibrader-free.blogspot.com/p/blog-page_1328.html" target="_blank" title="Pasang Iklan Disini"><img alt="Pasang Iklan Disini" border="0" src="http://4.bp.blogspot.com/-EUdB2Gv49bY/UVUPf-7qbMI/AAAAAAAABgM/TYW5e35exmM/s1600/pasang+iklan+728x90.gif" /></a>

merah = URL tujuan iklan
biru = Url Gambar
hijau = Title
kuning = alt gambar

Semoga sobat mengerti dengan pembahasan ini, dan mudah-mudahan berhasil. Sukses untuk kita semua...

124 komentar:

  1. This comment has been removed by a blog administrator.

    ReplyDelete
    Replies
    1. semoga berhasil sob, terimakasih atas kunjunganya...

      Delete
  2. sep gan...o ya ...mereka bayar kita gak...

    ReplyDelete
    Replies
    1. Tetunya bayar sob, dengan harga yang telah disepakati oleh pemilik website dan pemasang iklan,..

      Delete
  3. contoh bannernya yang ada di blog ini kah ? yang ukuran 125x125 ?

    ReplyDelete
    Replies
    1. Betul sob, namun tidak pakai banner animasi...

      Delete
  4. This comment has been removed by a blog administrator.

    ReplyDelete
    Replies
    1. Terima kasih kembali mas atas kunjunganya...

      Delete
    2. kak kalu url nya di isi nya gi mana ???

      Delete
  5. Berguna Gan, Kunjungi juga Gan

    http://adyartoadvertising.blogspot.com/

    ReplyDelete
  6. This comment has been removed by a blog administrator.

    ReplyDelete
  7. gan saya sangat minta tolong,langkah 4 dan 5 tolong dijelaskan(masukkan kode dimana dan dimana)

    ReplyDelete
    Replies
    1. cari kode b:skin seperti diatas, letakan kodenya tepat di atas kode b:skin saja ...

      Delete
  8. This comment has been removed by a blog administrator.

    ReplyDelete
  9. artikel seperti ini sangat membantu saudara2 kita yang mau berkarya di internet.terus berkarya sob semoga orang2 seperti anda ini semakin banyak di indonesia.

    ReplyDelete
    Replies
    1. Alhamdulilah kalau membantu. Terimakasih atas motivasinya...

      Delete
  10. Mantab sob, makasih udah mau berbagi ilmuny...
    terus berkarya....

    ReplyDelete
  11. Info bermanfaat bro..
    salam sukses.
    http://www.barong1106.blogspot.com

    ReplyDelete
  12. sangat berguna sob...."
    jangan lupa kunjungannya y..."
    http://3sobatman.blogspot.com/

    ReplyDelete
  13. trimakasih gan atas info nya,,,,
    jangan lupa kunjungi juga ya !!! hhh ( imocahriau.blogspot.com )

    ReplyDelete
  14. Berguna nih sob buat blog saya
    jangan lupa kunjung balik yah
    rpgmakercollection.blogspot.com

    ReplyDelete
  15. Mantab sob, makasih udah mau berbagi ilmuny...
    terus berkarya.... jangan lupa kunjungi juga ya !!!( novaibnu.blogspot.com )

    ReplyDelete
  16. itu caranya gmna gan.. punya saya tidak bsa itu..?

    ReplyDelete
  17. Gan, Koq punya saya acak - acakan ya?
    Apa ga cocok di template ane ya.
    jajal-seo.blogspot.com
    Mohon koreksi.

    ReplyDelete
    Replies
    1. mungkin sidebar blog sobat terlalu kecil tidak bisa menampung ke empat banner sob.

      Delete
  18. kok gx bisa gan,,, tampilannya malah kyak gini coba lihat www.inter-bola.blogspot.com

    ReplyDelete
    Replies
    1. Coba pasang script pertama pada paling atas elemen b:skin

      Delete
  19. wah terimakasih infonya gan.. jangan lupa kunjung balik ke ane ya?. http://anime-profiders.blogspot.com/

    ReplyDelete
  20. tq sob,, kunjung balik y buat penilaian blog w... http://isnandispd.blogspot.com/

    ReplyDelete
  21. Berguna banget gan.
    join juga blog ane gan
    http://blaze-info.blogspot.com

    ReplyDelete
  22. akhirnya ketemu blog agan.mau buat pasang iklan,mumpung ada di page 1,tq bro infonya.

    ReplyDelete
  23. kalau cuma 2 atas bawah gimana?

    http://ido208.blogspot.com/

    ReplyDelete
    Replies
    1. Wah, agak bingung juga saya sob. Mode ini akan menghasilkan 4 gambar dengan urutan: kiri atas, kanan atas, kiri bawah dan kanan bawah. Sobat coba saja mode iklan standard yang telah saya jelaskan pada akhir posting ini.

      Delete
  24. Mantap..


    di tunggu kumbalnya aselpunya.blogspot.com

    ReplyDelete
  25. bermanfaat nih..makasih mas infonya.. berkunjung juga di toko kami ya www.tokobungaalisa.com ♦ ditunggu ordernya.. :)

    ReplyDelete
  26. Artikel.y bermanfaat banget..!!!

    ReplyDelete
  27. Thank's sob.
    Ane coba dlu di blog ane.
    Geunteng.blogspot.com

    ReplyDelete
  28. saya bisa gan ! makasi atas infonya ... lumayan buat ngiklanin produk saya sendiri !

    ReplyDelete
  29. Kunjungi blog saya yy
    http://kzkage.blogspot.com/

    ReplyDelete
  30. sangat menarik infonya..
    blog agan dah q follow di followback ya di http://pixmasoftware.blogspot.com/
    trims....

    ReplyDelete
  31. keren

    www.om-ragils.blogspot.com

    ReplyDelete
  32. thanks gan info...

    Zeroasia.blogspot.com

    ReplyDelete
  33. masih belum paham boss,,, maklum masih baru oh ya sob,, kunjungi aku juga ya di http://leledumbosukses.blogspot.com/

    ReplyDelete
  34. om gimanasih cara me nyeting urrlnya ?

    ReplyDelete
  35. gan numpang promosi gan healtygroup.blogspot.com

    ReplyDelete
  36. Bagi yang suka antik-antik kunjungi di teqoantiq.blogspot.com
    Thanks min atas tutorialnya, bermanfaat.

    ReplyDelete
  37. makasi informasinya, mampir dong ke blog saya. assyabaababdulyusuf.blogspot.com

    ReplyDelete
  38. Nice , Regi Salam Kenal Regi Juga Yah :) Oke ..
    Name Is Regi Sanjaya :)

    ReplyDelete
  39. Recomended bener bener membantu saya dan menghasilkan gan :D thanks you yaaa ;)))
    jangan lupa KLIK --> www.jam-24.com

    ReplyDelete
  40. nice info gan ijin sedot

    jangan lupa mampir ke www.lampungblue03.blogspot.com

    ReplyDelete
  41. Keren banget tutor nya , mudah di mengerti, boleh coba yah !

    ReplyDelete
  42. Gan saya pemula bikin blog nh...Mksud Url Gambar,alt gambar ama title tu ap dan saya hrus bgaimna???

    ReplyDelete
    Replies
    1. alt gambar ama title gambar itu hanya penamaan pada gambar.
      Jika sobat ingin memasang banner iklan, maka harus mengetahui URL banner gambar yang akan dijadikan gambar. Url gambar itu seperti URL biasa, cuma URL tersebut menghasilkan gambar. Seperti contohnya pada posting diatas, URL berwarna biru.

      Delete
    2. Gan mhon bimbingannya krna saya pemula....nnti saya coba makasih atas blasannya...

      Delete
  43. msi blum paham gan??..
    maklum permula
    hehe..

    ReplyDelete
  44. This comment has been removed by a blog administrator.

    ReplyDelete
  45. thanks gan infonya..kunjung balik ya...http://androiters.blogspot.com/#

    ReplyDelete
  46. trim, sudah saya pasang di web saya, trim, from http://ayam-bangkok-com.blogspot.com/

    ReplyDelete
  47. gan, mau nnya'
    Maksudnya URL tujuan iklan tuh apa ??
    URL blog aku, apa URL blog iklan nya y ???
    thank's sebelumnya :)

    ReplyDelete
  48. sangat setuju.. capek-capek blogging siang malam tapi gx ada hasilnya..
    namun bagi saya sebagai seorang blogger pemula terasa sangat sulit. bagaimana orang mau pasang iklan di blog kita, sedangkan blog kita belum ada pengunjung.. kalo ada pun hanya lewat jejaring sosial.. kasi saran dong...

    ReplyDelete
  49. makasih infonya Gan! biar tambah sukses maka blog harus ramai pengunjung baru dipasangi iklan Lowongan Kerja Online (Real Job)

    ReplyDelete
  50. siiipppp ;)
    http://moeclazh.blogspot.com/

    ReplyDelete
  51. makasih gan, akan dicoba ne... mantap

    ReplyDelete
  52. Thanks gab, ini bisa nambah pengetahuan ane
    kunjungi balik : http://hycallmihawk.blogspot.com

    ReplyDelete
  53. Mantab Gan Artkelnya, moga bermanfaat terutama buat saya pribadi.....

    ReplyDelete
  54. Artikel sangat bermanfaat sekali
    terimakasih banyak brader

    ReplyDelete
  55. Artikelnya sangat berguna, kebetulan saya ingin pasang space banner utk Iklan.
    Saya mau tanya nih, di blog Agan ini dipasangkan banner iklan 468 x 60 di bawah Menu, bagaimana caranya yea Gan. saya coba malah posisinya kurang bagus ini blog saya :http://bisnis2-affiliasi.blogspot.com/

    Terima Kasih Banyak Agan atas balasannya

    ReplyDelete
    Replies
    1. Saya buat kolom widget dahulu di bawah header. Saya lihat blog mas juga sudah terdapat kolom widget tersebut, itu ukuran lebarnya 100% gak mas? Untuk merapikan posisi iklanya, masukan saja ke dalam tabel dengan 2 kolom 2 baris mas.

      Delete
    2. Terima Kasih banyak sudah dibalas dengan segera.
      dari jenis Tamplet itu saya tidak bisa melihat lebarnya, jadi saya kurang tahu lebarnya apa sudah 100%.

      oh dalam Widget bisa buat Tabel juga ... ^_^ hem saya tidak kepikiran hal itu, Bagus juga ... saya akan coba ...

      Sekali lagi Terima Kasih Banyak ya mas Regina Ade Mulyana atas informasinya

      Delete
    3. Setelah saya buatkan Tabel, hasilnya lumayan Rapi,
      Namun sepertinya Lebarnya tidak 100% hehehhee ...
      apa jadnya seni karena tepinya tidak lurus, atau jadi kacau hahahahaha ....

      Delete
    4. wah iyah. Coba table border nya ganti dengan 0. Lalu kalau mau rapi perbesar lagi lebar kolom widget-nya di Edit HTML...

      Delete
  56. mantap gan , jangan lupa mampir ke blog ane ya gan
    http://jefris-simarmata.blogspot.com/

    ReplyDelete
  57. Saya Suhendra dari SuhenoxiouS, kalau membuat promo iklannya gmna gan///

    ReplyDelete
    Replies
    1. Buat saja halaman Pasang Iklan seperti punya saya, lihat di menu navigasi. Buatnya dengan menggunakan tools "Laman" di Blogger.

      Delete
  58. thanks infonya gan,,sangat membnantu
    ane juga baru belajar buat iklan baner,,,hehehe
    kunjunngan balik gan
    http://tipsdroidmax.blogspot.com/

    ReplyDelete
  59. saya mau tanya,,pembayaran setelah kita mendapatkan costemer yang akan menempatkan iklannya di blogkita,lewat mana nya pembayarannya???

    ReplyDelete
    Replies
    1. kita bisa membicarakan metode pembayarannya dengan advertiser sendiri, umumnya metode yang digunakan adalah transfer dengan rekening.

      Delete
  60. Blog saya menggunakan Blogspot, untuk publish yang lebih cepat dan meluas apakah perlu menyewa hosting atau menggunakan hosting gratis lagi? Tutorialnya sangat bermanfaat dan praktis untuk diikuti. T.K Bung Regina Ade Mulyana.

    https://www.sigmatanizurea.blogspot.com

    ReplyDelete
  61. bingung maz,, truz cara masukin gambarnya ge mna gan,,

    ReplyDelete
    Replies
    1. Masukan url gambarnya pada kode berwarna biru...

      Delete
  62. mantap gan..
    tpi ane gak ngerti url apa??

    oya jalan2 ke blog ane di jasaikla4n.blogspot.com

    ReplyDelete
  63. sangat membantu, izin share ya...http://ayoberbagi01.blogspot.com

    ReplyDelete
  64. mantap gan infonya, kami tunggu kunjungan balik nya di blog kami juga ya ...:)

    ReplyDelete
  65. yang kayak bgini nih yg ane cari2 :)

    ReplyDelete
  66. Tq infonya kalau boleh tahu berapa omzet iklannya, berapa persen iklan yg dipasang bisa berhasil

    ReplyDelete
  67. makasih artikelnya bermanfaat, saya akan coba di blog saya perawatanwajah.co.id

    ReplyDelete
  68. artikelnya tutorialnya sangat membantu.
    http://obattraditional.com/obat-tradisional-gagal-ginjal/

    ReplyDelete
  69. Tutarni : Terima kasih atas tutorial yang sangat bermanfaat, semoga bisa menambah ilmu blogger pemula kayak saya :)

    ReplyDelete
  70. terimakasih infonya bos
    http://obattradisionalacemaxs.net/obat-tradisional-untuk-varises/

    ReplyDelete
  71. semoga bermanfaat artikelnya, thanks
    http://tokoobatherbal23.com/

    ReplyDelete
  72. di tunggu artikel menariknya
    http://apotekacemaxs.com/

    ReplyDelete
  73. makasih mas infonya ,.,..
    ditunggu ya kunjungan nya. bg-ilham.blogspot.com

    ReplyDelete
  74. terimakasih banyak sob, sangat membantu sekali.

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

    ReplyDelete
  75. yeah, berhasil buatnya, makasih panduannya.

    ReplyDelete
  76. sangat oke banget nih gan bisa bljar bkin banner iklan di blog kunbal ya gab di blog ku juga :)
    http//putraagung01.blogspot.com

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

    ReplyDelete
  78. makasih bayak buat infonya,,

    http://goo.gl/jWipNQ

    ReplyDelete
  79. mantap sob sangat bermanfaat, kunjungi juga http://kurepost.blogspot.com/

    ReplyDelete
  80. Izin mampir agan :)
    http://goo.gl/mgBCnM

    ReplyDelete
  81. izin nyimak gan :)

    http://karikatur-jombang.blogspot.com

    ReplyDelete
  82. sangat bermanfaat bagi saya ,kunjungi juga blog saya gan http://living45thing07.blogspot.com//search/label/TUTORIAL

    ReplyDelete
  83. Cara atur ukuran gimana gan
    Minta pencerahanyaa!!!!

    ReplyDelete
    Replies
    1. ukurannya tergantung ukuran gambar

      Delete
    2. hamdani
      terimakasih gan untuk tipsnya,aye tunggu tips selanjutnya.

      Delete

◄ Posting Baru Posting Lama ►
 

W3 Directory - the World Wide Web Directory Copyright © 2013-2015. BRADER BLOG - All Rights Reserved. Powered By Blogger, Protected By DMCA