Cara Memasang Iklan Sebelum dan Sesudah Isi Postingan

Cara Memasang Iklan Sebelum dan Sesudah Isi Postingan

Hello sobat blogger, kali ini monsuka akan berbagi tips cara memasang iklan sebelum dan sesudah isi postingan di blogger. Sebenarnya ada dua cara yaitu pertama melalui menu tata letak dan kedua melalui edit HTML. Bagi template yang sudah disediakan slot iklan di tata letak maka anda hanya perlu menempelkan kode iklan yang anda inginkan. Namun, jika tidak ada slot iklan di tata letak maka anda harus mengedit sedikit HTML Tema blog anda.

Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan


Langkah-langkahnya cukup mudah, anda hanya perlu menambahkan sedikit kode. Langsung saja cara memasang slot iklan sebelum dan sesudah isi postingan blog :

Pertama buka dashboard Blogger anda - Lalu pilih menu Tema dan klik Edit HTML - kemudian cari kode ini di dalam template <data:post.body/> atau <p><data:post.body/></p> 

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

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

Jika dalam template blog anda terdapat beberapa kode <data:post.body/> maka 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>
Selanjutnya tambahkan kode dibawah ini untuk tempat pemasangan 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 tulisan yang berwarna dengan kode iklan anda. Contohnya seperti ini

<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 dibawah 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>
Terakhir klik Simpan Tema.

Cukup mudah bukan sobat blogger? Sekian tips dari monsuka yaitu cara memasang iklan sebelum dan sesudah isi postingan. Nantikan tips selanjutnya. Terima kasih sudah membaca sampai akhir dan jangan lupa kembali lagi yaa.

Sumber kode : blog Arlinadzgn

Baca juga :

Berlangganan update artikel terbaru via email:

Belum ada Komentar untuk "Cara Memasang Iklan Sebelum dan Sesudah Isi Postingan"

Posting Komentar

Iklan Tengah Artikel 1