Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan - Arlina Design
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.

Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan

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 Design tentang Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan di Blogger. Semoga bermanfaat dan wassalam.

Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan

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.

Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan

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 Design tentang Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan di Blogger. Semoga bermanfaat dan wassalam.

Related Post

Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter

Notifications

Disqus Logo