Update Cara Menampilkan Iklan Adsense di Paragraf Awal Postingan

Anonymous August 29, 2018
Update Cara Menampilkan Iklan Adsense Di Paragraf Awal Postingan artikel blogger merupakan salah satu penempatan memasang iklan yang baik. Cara ini membuat iklan adsense akan tayang pada kalimat awal di postingan blogger dan merupakan langkah bagus meningkatkan penghasilan anda di blogger adsense.

Iklan akan muncul pada posisi atas tepatnya sesudah paragraf pertama selain dibawah judul postingan, diakhir postingan ataupun ditengah postingan. Sehingga akan gampang dilihat oleh pengunjung blog. Untuk itu baca tutorial blog cara menampilkan iklan google adsense pada paragraf awal postingan blogger berikut ini.

Update Cara Menampilkan Iklan Adsense Di Paragraf Awal Postingan

Update Cara Menampilkan Iklan Adsense Di Paragraf Awal Postingan

Langkah 1.
Login akun blogger, pilih Tema >> Edit HTML >> Klik kiri kotak Edit HTML dan Cari (ctrl+f) kode dibawah ini. Secara default template blogger, akan menemukan 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 berikut ini tepat diatas <data:post.body/> yang sudah diedit pada langkah 2. Pastikan juga kode iklan google adsense anda sudah di parse html dan bisa melalui link ini untuk memparse html kode adsense 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>
Contoh dari pemasangan iklan adsense di awal paragraf Seperti gambar berikut:

Update Cara Menampilkan Iklan Adsense Di Paragraf Awal Postingan

Catatan penting petunjuk pemasangan iklan adsense di awal paragraf :
Untuk mengubah posisi iklan menjadi menjorok ke kiri silahkan ganti kode template yang bergaris bawah pada Langkah 3. dengan kode berikut. float:left; artinya ke kiri, kalau ingin menampilkan ke kanan tinggal kau ganti dengan float:right;
<div id='adsense-content' style="display: inline-block;float:left; margin:15px 15px 15px 0px">
Update Cara Menampilkan Iklan Adsense di Paragraf Awal Postingan

Langkah 4. Tambahkan Kode berikut tepat dibawah <div id='adsense-target'><data:post.body/></div>  persis seperti 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 sasaran = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>
Catatan penting :
Untuk menampilkan iklan adsense pada paragraf kedua ganti angka 0 menjadi 2 pada goresan 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 kau akan muncul pada paragraf pertama di postingan dengan meggunakan kondisi br enter.

Demikian postingan kali ini tentang Update Cara Menampilkan Iklan Adsense Di Paragraf Awal Postingan. Semoga bermanfaat tutorial blogger kali ini dan terimakasih telah berkunjung..

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

No comments