Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan

Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan

Snippet Tips Blogger

Arlina

10/31/2018

Kemarin ada yang request Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan di Blogger. Sebenarnya caranya sangat mudah, namun bagi sobat yang sudah mengetahui caranya tidak perlu lagi mengikuti cara ini karena sobat sudah melakukan cara ini sebelumnya.

Bagi sobat yang ingin menampilkan iklan baik itu iklan banner atau unit iklan AdSense khusus seperti In-article Ads di dalam postingan bisa ikuti cara di bawah ini.

Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan

Pertama buka dasbor Blogger > klik menu Tema dan Edit HTML > Cari kode ini di dalam template

<data:post.body/>

Atau seperti ini

<p><data:post.body/></p>

Lebih tepatnya, cari kode <data:post.body/> di dalam markup ini

<b:includable id='post' var='post'>
....
....
<data:post.body/>
....
....
</b:includable>

Jika di dalam template sobat memiliki beberapa kode <data:post.body/> cari kode tersebut yang dibungkus dengan tag kondisional halaman postingan. Contohnya seperti ini

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

Bisa juga diganti dengan format Tag Kondisional Blogger Terbaru

Jika tidak ada, sobat hanya perlu menambahkan kode baru seperti ini

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

Selanjutnya tambahkan kode di bawah ini untuk membungkus banner atau kode iklannya

<b:if cond='data:blog.pageType == "item"'>
<div class='kabaradd qu'>
<!-- Your Ad Here -->
</div>
<data:post.body/>
<div class='kabaradd'>
<!-- Your Ad Here -->
</div>
</b:if>

Ganti kode yang ditandai dengan banner atau kode iklan sobat. Contohnya seperti ini, di sini saya menggunakan kode In-article AdSense

<b:if cond='data:blog.pageType == "item"'>
<div class='kabaradd qu'>
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxx' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='xxxxxxx' style='display:block; text-align:center;'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});         
</script>
</div>
<data:post.body/>
<div class='kabaradd'>
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxx' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='xxxxxxx' style='display:block; text-align:center;'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});         
</script>
</div>
</b:if>

Tambahkan juga kode CSS di bawah ini sebelum </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.kabaradd{margin:20px auto 0 auto}
.kabaradd.qu{margin:20px auto}
</style>
</b:if>

Selesai, klik tombol Simpan tema di editor template.

Demikian tips dari Arlina Code tentang Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan di Blogger. Semoga bermanfaat dan wassalam.

Arlina