Minggu, 17 Februari 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...
Advertise 468x60 Here
Click Here for Advertise
Comments
98 Comments

98 komentar:

  1. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
    Balasan
    1. semoga berhasil sob, terimakasih atas kunjunganya...

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

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

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

    BalasHapus
    Balasan
    1. Betul sob, namun tidak pakai banner animasi...

      Hapus
  4. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
    Balasan
    1. Terima kasih kembali mas atas kunjunganya...

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

      Hapus
  5. Berguna Gan, Kunjungi juga Gan

    http://adyartoadvertising.blogspot.com/

    BalasHapus
  6. Komentar ini telah dihapus oleh administrator blog.

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

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

      Hapus
  8. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  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.

    BalasHapus
    Balasan
    1. Alhamdulilah kalau membantu. Terimakasih atas motivasinya...

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

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

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

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

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

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

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

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

    BalasHapus
    Balasan
    1. mungkin sidebar blog sobat terlalu kecil tidak bisa menampung ke empat banner sob.

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

    BalasHapus
    Balasan
    1. Coba pasang script pertama pada paling atas elemen b:skin

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

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

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

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

    BalasHapus
  23. kalau cuma 2 atas bawah gimana?

    http://ido208.blogspot.com/

    BalasHapus
    Balasan
    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.

      Hapus
  24. Mantap..


    di tunggu kumbalnya aselpunya.blogspot.com

    BalasHapus
  25. Sip Bossss,,,,, thanks ilmunya

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

    BalasHapus
  27. Artikel.y bermanfaat banget..!!!

    BalasHapus
  28. Thank's sob.
    Ane coba dlu di blog ane.
    Geunteng.blogspot.com

    BalasHapus
  29. saya bisa gan ! makasi atas infonya ... lumayan buat ngiklanin produk saya sendiri !

    BalasHapus
  30. Kunjungi blog saya yy
    http://kzkage.blogspot.com/

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

    BalasHapus
  32. keren

    www.om-ragils.blogspot.com

    BalasHapus
  33. thanks gan info...

    Zeroasia.blogspot.com

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

    BalasHapus
  35. om gimanasih cara me nyeting urrlnya ?

    BalasHapus
  36. banyak jempol buat yang nulis

    BalasHapus
  37. gan numpang promosi gan healtygroup.blogspot.com

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

    BalasHapus
  39. makasi informasinya, mampir dong ke blog saya. assyabaababdulyusuf.blogspot.com

    BalasHapus
  40. Nice , Regi Salam Kenal Regi Juga Yah :) Oke ..
    Name Is Regi Sanjaya :)

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

    BalasHapus
  42. nice info gan ijin sedot

    jangan lupa mampir ke www.lampungblue03.blogspot.com

    BalasHapus
  43. Keren banget tutor nya , mudah di mengerti, boleh coba yah !

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

    BalasHapus
    Balasan
    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.

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

      Hapus
  45. msi blum paham gan??..
    maklum permula
    hehe..

    BalasHapus
  46. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  47. thanks gan infonya..kunjung balik ya...http://androiters.blogspot.com/#

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

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

    BalasHapus
  50. 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...

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

    BalasHapus
  52. siiipppp ;)
    http://moeclazh.blogspot.com/

    BalasHapus
  53. makasih gan, akan dicoba ne... mantap

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

    BalasHapus
  55. Mantab Gan Artkelnya, moga bermanfaat terutama buat saya pribadi.....

    BalasHapus
  56. Artikel sangat bermanfaat sekali
    terimakasih banyak brader

    BalasHapus
  57. 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

    BalasHapus
    Balasan
    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.

      Hapus
    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

      Hapus
    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 ....

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

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

    BalasHapus
  59. Saya Suhendra dari SuhenoxiouS, kalau membuat promo iklannya gmna gan///

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

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

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

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

      Hapus
  62. 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

    BalasHapus
  63. bingung maz,, truz cara masukin gambarnya ge mna gan,,

    BalasHapus
    Balasan
    1. Masukan url gambarnya pada kode berwarna biru...

      Hapus

◄ Posting Baru Posting Lama ►
 
W3 Directory - the World Wide Web Directory Copyright © 2013-2014. BRADER BLOG - All Rights Reserved. Powered By Blogger. Protected By DMCA.com