Cara Memasang Iklan AdSense di Atas, Tengah dan Bawah Postingan Artikel Blog - Kored ID

12 March 2019

Cara Memasang Iklan AdSense di Atas, Tengah dan Bawah Postingan Artikel Blog

Baru pertama kali nih kored id membahas tentang Memasang iklan di dalam blog. Jadi kalau masih ada kesalahan mohon dimaklum aja ya. Dan jangan lupa dikoreksi juga. Tutorial ini saya buat dikarenakan ada temen saya yang ngotot minta d pasangain iklan didalam blognya.

Memasang Iklan Adsense di Atas, Tengah dan Bawah Artikel - Kored ID

Memasang iklan adsen didalam blog suatu hal yang mungkin harus dilakukan para blogger. Karena hal tersebut merupakan sumber utama penghasilan para blogger. Untuk itu kored id akan coba membahas tentang Cara memasang iklan adasense yang latakanya di atas tengah bawah artikel. Meskipun sudah banyak tutorial yang membahas ini, tapi tidak ada salahnya kan kalau blog ini juga membagikan tutorialnya.

Memasang iklan adsense dengan meletakanya di dalam artikel memang bisa meningkatkan pendapatan dari google adsense, dengan memungkinkan jumlah klik yang lebih tinggi, dan lebih terlihat oleh pengunjung saat membaca artikel kita. Lalu bagaimana kalau iklan yang di pasang didalam artikel menghalangi isi artikel? Tenang saja, iklan ini aman kok dan sangat rapi dan juga bisa menyesuaikan tempat berdasarkan paragraf yang kosong.

Caranya terbilang sangat mudah kok, kita hanya tinggal menambahkan dan mengganti bwberapa kode saja pada template kita. Ada 2 langkah yang akan saya bagikan kali ini, yaitu memasang iklan di atas dan bawah artikel, dan yang ke 2 memasang iklan di tengah-tengan postingan artikel kita. Saya memisahkan ke dua langkah ini bertujuan untuk memudahkan kalian ketika memasangnya. Dan bisa lebih mudah memlihi untuk posisi iklan yang kalian inginkan. Oke langsung saja,

Baca Juga :
Cara Memasang Iklan Adsense di Atas dan di Bawah Artikel

1. Seperti biasa Login ke Blogger.com
2. Pilih Tema -> Edit HTML
3. Cari kode <data:post.body/>, gunakan ctrl+f Untuk mencarinya
Jika kode <data:post.body/> lebih dari satu, cari saja kode yang mempunyai kode tag kondisional. Lihat kode dibawah
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='description articleBody'>
<data:post.body/>
</b:if>

Kalau punya saya, saya tambahkan di antara data post body yang ke 3. Mungkin berbeda dalam template html kalian.

4. Jika sudah menemukannya, Untuk posisi iklan diatas artikel letakan kode di bawah ini tepat diatas kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='description articleBody'>

<div class='inartcl qu'>
<!-- Kode Iklan Atas Artikel-->
</div>

<data:post.body/>

Untuk kode yang berwarna biru abaikan saja jangan ikut di copy, itu hanya letak tanda penyisipan kode saja.

Untuk kode posisi iklan dibawah artikel, letakan kode dibawah ini tepat di bawah kode <data:post.body/>
<data:post.body/>

<div class='inartcl'>
<!-- Kode Iklan Bawah artkel -->
</div>

Maka akan terlihat seperti kode dibawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='description articleBody'>

<div class='inartcl qu'>
<!-- Kode Iklan Atas Artikel-->
</div>

<data:post.body/>

<div class='inartcl'>
<!-- Kode Iklan Bawah Artikel-->
</div>

Silahkan rubah tulisan yang sudah diberi tanda merah atau ganti tulisan Kode Iklan Atas atau Bawah Artikel.

5. Supaya letak dan tampilannya terlihat lebih rapi dan enak dilihat, maka letakan kode dibawah ini tepat di atas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.inartcl{margin:20px auto 0 auto}
.inartcl.qu{margin:20px auto}
</style>
</b:if>

6. Kemudian, Simpan Tema
Nah kita baru saja menyelesaikan untuk pemasangan iklan di atas dan dibawah artikel. Sekarang kita lanjutkan dengan pemasangan kode iklan di tengah artikel.

Baca Juga :
Memasang Iklan Adsense di Tengah Postingan Artikel

1. Masih di Beranda atau dashboard blogger.com
2. Pilih Tema -> Edit HTML
3. Cari lagi kode <data:post.body/>

Sekedar memberi tahu, kode untuk memasang iklan di tengah artikel,kita tinggal mengganti <data:post.body/> yang letaknya di antara untuk pemasangan iklan di atas dan dibawah artikel saja. Sisipkan dan ganti kode kode <data:post.body/> tersebut dengan kode dibawah ini.

<div expr:id='&quot;zet1&quot; + data:post.id'/>
<div class='googlezet'>
<!-- kode iklan tengah artikel -->
</div>
<div expr:id='&quot;zet2&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;zet1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;zet2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/3);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

Di html template saya, letaknya masih sama dengan kode untuk iklan di atas dan dibawah artikel. Jadi kalian tinggal mengganti kode <data:post.body/> yang letaknya antara kode untuk iklan atas dan bawah artikel.

Jika kode over atau muncul di postingan artikel, silahkan ganti r+16 dengan r+4.
Jangan lupa rubah tulisan yang diberi tanda merah dengan kode iklan kalian.

Untuk keseluruhan penematan iklan diatas maka hasilnya akan terlihat seperti kode dibawah ini. Atau mungkin bisa saja berbeda, Mungkin setiap template berbeda-beda. Tapi intinya tetap sama :v

<div class='inartcl qu'>
<!-- posisi Iklan Di Atas Artkel -->
</div>

<div expr:id='&quot;zet1&quot; + data:post.id'/>
<div class='googlezet'>
<!-- posisi Iklan Di Tengah Artkel --> 
</div>
<div expr:id='&quot;zet2&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;zet1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;zet2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/3);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

<div class='inartcl'>
<!-- posisi Iklan Di Bawah Artkel --> 
</div>
         </div>
      </b:if>

4. Tambahkan kode CSS Supaya tampilan iklannya tampak lebih terlihat rapi. Tambahkan kode dibawah ini sebelum kode </style> Atau ]]></b:skin

.googlezet{margin:15px auto;text-align:center}

5. Kemudian, Simpan Tema

Untuk melihat hasilnya, silahkan buat postingan kosong terlebih dahulu, tanpa isi artikel, hanya berisi judul artikelnya saja. Lalu klik pratinjau. Jika terlihat ada ruang kosong untuk iklan, maka kalian sudah berhasil membuat ruang untuk iklan di posisi atas tengah dan bawah artikel. Jika bingung, silahkan lihat gambar dibawah,


Baca Juga :
Gimana, mudah bukan? Untuk kode iklan sekarang kayanya tidak perlu di parae terlebih dahulu. Jadi kalian bisa langsung menempelkannya ke dalam blog kalian.
Demikian Memasang Iklan Adsense di Atas, Tengah dan Bawah Postingan Artikel Blog. Semoga bisa diterapkan kedalam blog kalian. Dan terimakasih sudah berkunjung.