Panduan Lengkap Memasang Kode Iklan Adsense Di Blogspot (Update)

Cara pasang kode unit iklan adsense di blog. Jujur saja saya baru berani memposting pasang kode iklan adsense setelah blog ini di terima google adsense sebagai penayang resmi iklan google atau sering di sebut adsense publisher.

Saya sendiri sempat berkeliling ke blog teman karena kemarin menemukan sedikit kendala untuk pasang (pemasangan) iklan adsense di bawah judul, iklan tidak  mau keluar (tampil) alias eror karena bentrok dengan gambar yang tepat berada di bawah posting.

Untuk penempatan kode iklan adsense bisa di letakkan di mana saja, tergantung pada template blog dan yang paling bagus adalah di tempat strategis agar penghasilan adsense berpotensi ada peningkatan.

Kiat dan cara memaksimalkan pendapatan adsense juga tergantung kita sebagai pemilik blog, jadi penempatan iklan adsense pada bidang  template ini yang akan mempengaruhi pendapatan.

Untuk mendapatkan kode unit iklan adsense, silahkan Login ke akun google adsense dan masuk ke halaman iklan saya, terdapat beberapa pilihan serta ukuran yang bisa di sesuaikan pada template blog.

Keterangan

1. Masuk ke menu iklan saya.
2. Pilih ukuran iklan, pada menu di sarankan anda bisa memilih sesuai dengan template blog, ada horizontal, vertikal, kotak persegi dan responsive, pilih salah satunya.
3. Pada jenis iklan bisa di pilih untuk iklan gambar dan teks, gambar saja atau teks saja, sesuaikan dengan pilihan anda. Di bawah nya terdapat menu untuk menyesuaikan dengan warna template blog anda, di sini saya sarankan pilih yang default saja, atau anda bisa mengkombinasikan sesuai selera.
4. Terakhir klik simpan untuk mendapatakan kode iklannya.

Anda bisa lakukan lagi pengambilan kode iklan adsense untuk ukuran lain. Setelah mendapatkan kode iklan, sekarang giliran untuk memasangnya pada template blog. Perhatikan gambar di bawah ini, dimana anda ingin meletakkan iklan google adsense.

Keterangan

Memasang Iklan di Header, Sidebar dan Footer

Anda bisa meletakkan iklan adsense pada header, sidebar maupun di footer pada template blog,untuk memasangnya bisa secara langsung melalui widget.

Masuk ke dashboard blogger > Tata letak >Tambahkan gadget, setelah itu pilih “gadget “HTML/Javascript” Tempatkan kode unit iklan yang sudah anda dapatkan, lalu klik simpan.

Memasang Iklan di bawah judul postingan

Anda bisa meletakkan iklan adsense pada postingan blog, tepatnya di bawah judul blog, membaur dengan teks postingan,sesuai selera anda bisa di pasang di kiri ataupun di kanan, tetapi sebelumnya anda harus memparse kode iklan terlebih dahulu, silahkan menuju halaman di bawah ini.

Parse Kode

Sebelumnya harus menambahkan Tag di antara kode iklan tersebut. 

• Masuk ke dashboard blogger > Template > edit HTML
• Cari dan temukan kode <data:post.body/> dengan menekan CTR+F
• Untuk <data:post.body/> bisa terdapat 2 sampai 3 kode yang sama pada template
• Pilihlah <data:post.body/> yang ke 2 atau ke 3 atau bisa di coba satu persatu
• Lalu tempatkan kode di bawah ini tepat di atas kode tersebut. Jadinya akan terlihat seperti dibawah ini.

<div style=’float:left;padding-right:10px;’>
kode iklan anda yang sudah diparse
</div>

• Untuk meletakkan iklan di kiri, anda bisa menambahkan left
• Untuk meletakkan iklan di kanan anda bisa menambahkan right
• Untuk meletakkan iklan di tengah anda bisa menambahkan center 

Jangan lupa untuk “Pratinjau “dulu sebelum di simpan untuk berjaga-jaga, setelah semuanya oke baru kemudian menyimpan nya untuk perubahan.

Memasang Iklan di Tengah postingan

Anda bisa meletakkan iklan adsense pada postingan blog, tepatnya di tengah tengah posting membaur menjadi satu dalam artikel. Kode unit iklan juga harus di parse terlebih dulu.

Untuk melakukan ini harus di kerjakan secara hati hati, sebab ada kemungkinan terdapat gambar di tengah-tengah postingan, hal ini akan menyebabkan “bentrok” antara kode iklan dengan gambar, kerjakan dengan seksama dan teliti.

Masuk ke dashboard blogger > Template > edit HTML

Cari dan temukan kode <data:post.body/> yang di tandai dengan tag kondisional post body yang menampilkan halaman posting bukan pada homepage.  Seperti contoh di bawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>

Tambahkan kode <div id=’jobmiddlenew’> di atasnya,dan kode </div> di bawahnya. Sehingga menjadi seperti ini.

<div id='jobmiddlenew'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
</div>

Setelah itu cari kode </body> dan letakkan kode di bawah ini tepat di atas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <style>
 #addcodemiddle{display: none;}
 </style>
 <div id='addcodemiddle'>
Kode iklan yang sudah di parse    </div>
 <script type='text/javascript'>
 var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML;
 var str2=str1.length;
 var str3=str2/2;
 var substr = str1.substring(str3, str2);
 var n = substr.search(&quot;&lt;br&gt;&quot;);
 if(n&lt;0)
 {
 n = substr.indexOf(&#39;.&#39;);
 if(n&lt;0)
 {
 n=0;
 }
 var firsthalf = str1.substring(0, str3+n+1);
 var secondhalf = str1.substring(str3+n+1, str2);
 }
 else
 {
 var firsthalf = str1.substring(0, str3+n+4);
 var secondhalf = str1.substring(str3+n+4, str2);
 }
 var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;;
 var newbody=firsthalf+addcode+secondhalf;
 var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
 strnew[0].innerHTML=newbody;
 document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;;
 </script>
 </b:if>

Sebelum di simpan alangkah baiknya di pratinjau dahulu, barangkali ada kesalahan dalam penepatan kode. Setelah semua selesai baru klik simpan untuk melihat perubahan.

Memasang iklan di bawah postingan

Anda bisa meletakkan iklan adsense di bawah postingan blog, bisa di atur untuk peletakan nya, di kiri, kanan ataupun di tengah.

• Masuk ke dashboard blogger > Template > edit HTML
• Cari dan temukan kode <data:post.body/> dengan menekan CTR+F
• Karena <data:post.body/>  yang tag kondisional sudah di gunakan, cari kode <data:post.body/> yang di bawahnya
• Setelah itu copy kode di bawah ini tepat di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align: center;'>
Kode iklan yang sudah di parse
</div>
</b:if>