Cara Menciptakan Slot Iklan Sebelum Dan Sehabis Isi Postingan

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

Bagi sahabat yang ingin menampilkan iklan baik itu iklan banner atau unit iklan AdSense khusus menyerupai 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 arahan ini di dalam template

<data:post.body/>

Atau menyerupai ini

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

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

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

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

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

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

Tweet

Subscribe to receive free email updates: