Cara Memasang Iklan AdSense di Template Blogger

Shannenpio akan menerangkan Cara Memasang Iklan AdSense di Template Blogger - Bagi pengguna template Evo Magz yang kesulitan dalam pemasangan kode iklan AdSense, di bawah ini saya tuliskan panduan lengkapnya.

Cara memasang iklan AdSense pada template Evo Magz ini berlaku juga untuk template blogger yang lain, hanya saja ada beberapa langkah-langkah yang perlu penyesuaian.

Di bawah akan saya jelaskan lebih lengkapnya.

[su_note note_color=”#D3F5D3″ text_color=”#159415″]Note: bagi yang belum menggunakan template Evo Magz, tidak ada salahnya untuk mencoba template ini.

Lewat menu Penghasilan pada dashboard blogger

Bagi yang akun AdSensenya ditautkan ke dashboard blogger, pemasangan iklan AdSense bisa dilakukan lewat menu penghasilan.

Jika sobat mendaftar AdSense lewat dashboard blogger maka akun AdSense-nya sudah otomatis ditautkan ke dashboard blogger.

Berikut langkah-langkahnya :

• Masuk ke Dashboard Blogger
• Masuk ke menu “Penghasilan“
• Pada bagian “Tampilkan iklan di blog” pilih “Ya“
• Di bagian bawahnya terdapat 3 opsi penempatan iklan, pilih sesuai keinginan
• Jika sudah jangan lupa klik “Simpan setelan“

Cara ini paling mudah untuk dilakukan, tapi saya tidak merekomendasikan cara ini, alasannya karena opsi penempatan iklannya sangat terbatas.

Menggunakan Widget AdSense

Sama seperti cara pertama, cara yang kedua khusus untuk yang akun AdSense-nya ditautkan ke dashboard blogger.

Cuma bedanya untuk cara yang kedua menggunakan widget AdSense. Dengan menggunakan widget adsense sobat bisa memilih penempatan iklan yang dinginkan dan juga dapat mengatur format dan warna iklan.

Berikut langkah-langkahnya :

• Masuk ke Dashboard Blogger > Tata Letak > Klik “Tambahkan gadget” di tempat yang sobat inginkan
• Pilih Widget/Gadget AdSense
• Selanjutnya atur format dan warna iklan sesuai dengan keinginan.
• Terakhir klik “Simpan“

Menggunakan Widget HTML/JavaScript

Cara yang ketiga sobat perlu membuat kode unit iklan pada akun AdSense setelah itu memasangnya di blog menggunakan widget HTML/JavaScript.

Cara ini berlaku untuk yang akun AdSense-nya ditaukan ke dashboard blogger dan juga yang tidak ditautkan.

Berikut langkah-langkahnya:

• Masuk ke akun AdSense dan buat unit iklan baru. Caranya bisa dibaca di sini 
• Salin kode unit iklan yang sudah dibuat
• Masuk ke Dashboard Blogger > Tata Letak > Klik “Tambahkan gadget” di tempat yang sobat inginkan
• Kali ini pilih Widget/Gadget HTML/JavaScript
• Selanjutnya paste kode unit iklan adsense yang sudah disalin tadi pada kolom yang tersedia.
• Terakhir klik “Simpan“

Note: Untuk bagian judul lebih baik dikosongi saja. AdSense hanya mengizinkan untuk memberi judul iklan dengan tulisan “Iklan” dan “Sponsor”

Memasang Iklan AdSense di atas atau di bawah postingan

Untuk memasang iklan AdSense di atas atau di bawah postingan sobat perlu memasang kode unit iklan langsung di dalam template, jadi sobat pelu mengedit template yang sobat gunakan.

Berikut langkah-langkahnya:

• Masuk ke akun AdSense dan buat unit iklan baru. Caranya bisa dibaca di sini… 
• Salin kode unit iklan yang sudah dibuat
• Parse kode iklan yang sudah disalin. Caranya bisa dibaca di sini…
• Salin kode iklan yang sudah diparse
• Masuk ke Dashboard Blogger > Tema > Edit HTML
• Cari kode berikut :

    <!-- iklan di bawah judul taruh di sini -->
    
     <data:post.body/>
     
    <!-- iklan di bawah postingan taruh di sini -->

• Untuk menampilkan iklan di atas postingan (di bawah judul), letakan kode iklan di atas kode<!-- iklan di bawah judul taruh di sini -->
• Untuk menampilkan iklan di bawah postingan, letakan kode iklan di bawah kode <!-- iklan di bawah postingan taruh di sini -->
• Terakhir klik “Simpan tema“

Note:

• Untuk template selain Evo Magz, cukup cari kode <data:post.body/> setelah itu letakan kode iklannya di bawah atas atau di atas kode tersebut.
• Tambahkan kode <p> di depan kode iklan dan kode </p> di belakang kode iklan untuk memberi jarak antara iklan dan postingan.
• Jika ingin iklan yang tampil rata tengah, tambahkan kode <center> di depan kode iklan, dan kode </center> di belakang kode iklan.

Memasang Iklan AdSense di tengah postingan

Untuk cara memasang iklan di tengah postingan langkah-langkahnya hampir sama dengan cara memasang iklan di atas/di bawah postingan, hanya saja ada kode javascript khusus yang perlu sobat tambahkan.

Berikut langkah-langkahnya:

• Masuk ke akun AdSense dan buat unit iklan baru. Caranya bisa dibaca di sini… 
• Salin kode unit iklan yang sudah dibuat
• Parse kode iklan yang sudah disalin. Caranya bisa dibaca di sini…
• Salin kode iklan yang sudah diparse
• Masuk ke Dashboard Blogger > Tema > Edit HTML
• Cari kode berikut :

    <!-- iklan di bawah judul taruh di sini -->
    
     <data:post.body/>
     
    <!-- iklan di bawah postingan taruh di sini -->

• Hapus kode tersebut setelah itu ganti dengan kode ini :

  <div expr:id='&quot;post1&quot; + data:post.id'/>
  <div style='margin:20px 0'>
  <center>
  ...kode iklan adsense yang sudah diparse di sini...
  </center>
  </div>
  <div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
  <script type='text/javascript'>
  var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
  var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
  var s=obj1.innerHTML;
  var t=s.substr(0,s.length/2);
  var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
  if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
  </script>

• Ganti tulisan ...kode iklan adsense yang sudah diparse di sini... dengan kode iklan milik sobat yang sudah diparse
• Terakhir klik “Simpan tema“

Note:

• Untuk template selain Evo Magz, cukup cari kode <data:post.body/> setelah itu hapus dan ganti dengan kode javascript yang sudah ditulis di atas.
• Cara ini tidak berfungsi jika postingan di blog sobat ditulis melalui Microsoft Word.
• Untuk mengatur posisi penempatan iklan silakan ubah angka pada kode s.length/2. Semakin besar angkanya semakin ke atas lokasi iklannya. Contoh : s.length/3 atau s.length/4 dst.

Memasang iklan AdSense In-Feed

Iklan AdSense In-Feed merupakan salah satu format iklan model baru yang disediakan oleh AdSense. Untuk pemasang iklan jenis ini agak sedikit ribet karena harus menyesuaikan dengan template yang digunakan.

Untuk Evo Magz, berikut adalah langkah-langkahnya:

• Masuk ke Akun AdSense dan buat unit iklan In-Feed (In-Feed Ads). Caranya baca di sini…
• Pada setelan format iklan atur seperti di bawah :
  • GLOBAL OPTION
    – Font = Open Sans Condensed
    – Border = 0px
    – Padding= 0px 0px 0px 0px
  • IMAGE
    – Width = 200px
    – Padding = 0px 15px 5px 0px
  • HEADLINE
    – Font size = 22px
    – Style = Bold
    – Warna text = #EE4B3D
  • DESCRIPTION
    – Font size = 15px
• Jika sudah, Simpan dan salin kode unit iklannya
• Parse kode iklan yang sudah disalin. Caranya bisa dibaca di sini…
• Salin kode iklan yang sudah diparse
• Masuk ke Dashboard Blogger > Tema > Edit HTML
• Cari kode ini  :

        <data:defaultAdStart/>
        <b:loop values='data:posts' var='post'>

• Hapus kode tersebut dan ganti dengan kode berikut :

        <data:defaultAdStart/>
        <b:loop values='data:posts' var='post' index='x'>

• Selanjutnya cari kode berikut :

  <div class='post-outer'>

  Note: Kode tersebut terdapat lebih dari satu, cari yang lokasinya paling dekat dengan kode yang sudah diedit sebelumnya.

• Jika ketemu, tambahkan kode ini tepat di bawahnya :

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
  <b:if cond='data:x==1'>
  <div class='post'>
  ...kode iklan in-feed di sini...
  </div>
  </b:if>
  <b:if cond='data:x==3'>
  <div class='post'>
  ...kode iklan in-feed di sini...
  </div>
  </b:if>
  </b:if>

• Ganti kode tulisan ...kode iklan in-feed di sini... dengan kode iklan in-feed yang sudah diparse tadi.
• Terakhir klik “Simpan tema“

Demikian panduan ini saya tulis dengan sesederhana mungkin, jika ada yang kurang jelas silakan bisa ditanyakan di kolom komentar.

Terima kasih.