November 3, 2015

Cara Pasang Banner-Iklan di Samping Judul Blog (Header)

November 3, 2015

TUTORIAL cara memasang banner, iklan, atau gambar (image) di samping judul blog (header kanan) atau di sidebar ini atas permintaan pengunjung yang mengaku "newbie" di dunia blogging.

Ia bingung cara pasang banner kaya punya CB di atas header itu, yang ini nih....

banner iklan header blog

Bagi yang sudah diterima jadi Publisher Google Adsense, ruang di header samping judul/logo blog itu bisa diisi unit iklan 468x60 Pixel atau 728x60 Pixel. CB sendiri memilih pasang banner advertise karena banner adsense dipasang di bawah judul posting.

Nah, bagi yang belum diterima Google Adsense, tentu bingung kan mau diisi apa? Isi saja dengan gambar unik, menarik, atau banner seperti CB di atas.

Bagaimana cara pasangnya? Begini...

Cara Pasang Banner-Iklan di Samping Judul Blog (Header)

LANGKAH PERTAMA:
  1. Siapkan gambarnya, sesuai dengan ukuran space di header kanan itu, misalnya ukuran 468x60 Pixel.
  2. Upload gambarnya ke Picasa Web Album 
  3. Klik gambar yang sudah diupload tadi.
  4. Klik kanan dan pilih "Copy Image URL"
  5. Simpan di Notepad

LANGKAH KEDUA:
  1. Layout > klik "Edit" di wigdget "Header2" atau widget samping judul itu.
  2. Kalo widgetnya belum ada, klik "Add a Gadget" > pilih "HTML/Javascript"
  3. Judul kosongkan
  4. Copas kode gambar seo friendly berikut ini di kolom Content:
<a href="http://www.contohblog.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnoH_5OIGNL5U5_GxX0qMdiqUeTxmhO00Nu0LIyWeTbmgeMeBmSpsf_n2RXhtc68ORs9Cq053R7zsADReZzBdf0iopVCu8358Qn3RiARlhBTrDipU95Mbim3YcUorMKyy4BNogrwu4c0E6/s1600/ads.jpg" alt="Banner Header" title="Banner Header"></a>

5. Ganti link dan teks warna merah dengan versi Anda
6. Save!

Kode di atas juga berlaku untuk menampilkan gambar/iklan/foto di sidebar blog. Caranya sama dengan yang di atas, namun posisi widgetnya di sidebar.

Demikian Cara Pasang Banner-Iklan di Samping Judul Blog (Header Kanan) dan di Sidebar Blog. Good luck & Happy Blogging! (http://www.contohblog.com).*

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

22 comments on Cara Pasang Banner-Iklan di Samping Judul Blog (Header)

  1. Saya sering nemuin blog dengan banner iklan kerlap kerlip alay.
    Bagaimana dengan gambar yang kerlap-kerlip tsb? Efeknya gimana? Atau sama saja CB?

    ReplyDelete
    Replies
    1. Gambar animasi "diharamkan"oleh sebagian pakar blog design karena, selain mengganggu user, juga memperlambat loading. More info: http://www.contohblog.com/2013/04/blog-ada-ada-musik-jam-dan-flashnya.html

      Delete
  2. Mas apakah unit iklan GA boleh di parse ?

    ReplyDelete
  3. cara biar tau ukuran pasnya gimana?

    ReplyDelete
    Replies
    1. dalam template ada ukuran header-right 468 x 60 atau 728 x 90

      Delete
  4. Mas kalau kode tersebut dipakai untuk memasang iklan mandiri bisa nggak? dan link keluarnya bersifat no follow atau do follow kalau do follow caranya gimana biar no follow?

    ReplyDelete
    Replies
    1. bisa, coba saja. no-follow do-follow gak begitu ngefek, jangan pusingkan soal itu :)

      Delete
  5. makasih atas info nya mas,,

    ReplyDelete
  6. Mantab gan informasinya..
    untuk header di kanan judul itu bagaimana caranya utk platform wordpress. saya edit di header.php kaga jadi2

    ReplyDelete
    Replies
    1. Coba gunakan/tambahkan kode <div style="float:right;text-align:right"> KODE URL BANNER DI SINI </div>

      Delete
  7. izin sedot gan,,,,,,terima kasih atas infonya

    ReplyDelete
  8. jika tidak ada kode sperti diatas bagaimana

    ReplyDelete
  9. Gans ente pke thema template apaan ? Bls via email aj y gans fiannoge@gmail.com

    Thx before

    ReplyDelete
    Replies
    1. pake template new johny wuss modifikasi khas cb blogger :)

      Delete
  10. mas buat iklan adsense di pinggir header sebelah kanan kaya blog ini, gimana itu caranya? masih bingung

    ReplyDelete
    Replies
    1. Headernya harus dua kolom, jika satu kolom, dibuat dua kolom dulu. Cek: http://www.contohblog.com/2015/01/cara-membagi-header-blog-menjadi-dua.html

      Delete
  11. Gan,alhamdulillah blog sudah di-approved, tapi ingin tanya nih, bagaimana cara ubah ukuran iklan di samping logo, soalnya ketika dipasang ukuran 728 x 90 gk bisa? Terima kasih atas bantuannya Gan

    ReplyDelete

Contact Form

Name

Email *

Message *