Senin, 29 Januari 2018

Cara Menampilkan Iklan Adsense di Paragraf Pertama Postingan

Cara menampilkan iklan adsense di paragraf pertama postingan artikel blogger merupakan salah satu penempatan memasang iklan yang baik. Cara ini membuat iklan google adsense agar muncul setelah enter pertama artikel atau dapat dikatakan pada alinea pertama artikel ketika kamu mengeditnya.

Iklan akan muncul pada posisi atas tepatnya setelah paragraf pertama selain daripada dibawah judul postingan, diakhir postingan ataupun ditengah postingan. Sehingga akan mudah dilihat oleh pengunjung blog. Untuk itu langsung saja ikuti cara menampilkan iklan google adsense pada paragraf pertama postingan blogger.

Cara Menampilkan Iklan Adsense di Paragraf Pertama Postingan

Cara Menampilkan Iklan Adsense di Paragraf Pertama Postingan

Langkah 1. Login akun blogger >> Tema >> Edit HTML >> Klik kiri kotak Edit HTML dan Cari (ctrl+f) kode dibawah ini. Secara default template blogger, kamu akan menemuinya dua kali. Ada yang untuk tampilan mobile (kode pertama) ataupun desktop (kode kedua). Jika ketemu kodenya lagi coba yang terakhir.
<data:post.body/>
Langkah 2. Tambahkan kode yang berwarna biru diantara <data:post.body/>
<div id='adsense-target'><data:post.body/></div>
Langkah 3. Copy dan Paste kode pengkondisian berikut diatas <data:post.body/> yang sudah diedit pada langkah 2. Tentunya kode iklan google adsense kamu sudah di parse >> https://opinionatedgeek.com/Codecs/HtmlEncoder
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">
Kode adsense yang telah diparse
</div></b:if>
Seperti gambar berikut:
Cara Menampilkan Iklan Adsense di Paragraf Pertama Postingan

Note :
Untuk mengubah posisi iklan menjadi menjorok ke kiri silahkan ganti kode pengkondisian yang bergaris bawah pada Langkah 3. dengan kode berikut. float:left; artinya ke kiri, jika ingin menampilkan ke kanan tinggal kamu ganti dengan float:right;
<div id='adsense-content' style="display: inline-block;float:left; margin:15px 15px 15px 0px">
Langkah 4. Tambahkan kode berikut tepat dibawah <div id='adsense-target'><data:post.body/></div> seperti contoh gambar diatas.
<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>
Note :
~ Untuk menampilkan iklan adsense pada paragraf kedua ganti angka 0 menjadi 2 pada tulisan berwarna merah
~ Untuk menampilkan iklan adsene dibawah heading tag h2 atau h3 ganti br menjadi h2 atau h3 pada tulisan berwarna biru

Langkah 5. Simpan Tema
Silahkan lihat tampilan iklan google adsense kamu akan muncul pada paragraf pertama di postingan dengan meggunakan kondisi br enter.

Tidak ada komentar:

Posting Komentar