Cara Menciptakan Slot Iklan Sebelum Dan Setelah Isi Postingan

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

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

Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan

Pertama buka dasbor Blogger > klik hidangan Tema dan Edit HTML > Cari instruksi ini di dalam template

<data:post.body/>

Atau ibarat ini

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

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

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

Jika di dalam template teman mempunyai beberapa instruksi <data:post.body/> cari instruksi tersebut yang dibungkus dengan tag kondisional halaman postingan. Contohnya ibarat 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, teman hanya perlu menambahkan instruksi gres ibarat ini

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

Selanjutnya tambahkan instruksi di bawah ini untuk membungkus banner atau instruksi 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 instruksi yang ditandai dengan banner atau instruksi iklan sobat. Contohnya ibarat ini, di sini aku memakai instruksi 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 instruksi 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 wacana Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan di Blogger. Semoga bermanfaat dan wassalam.

Share this post