 |
| Ilustrasi gambar iklan muncul di tengah-tengah postingan blog ala Radio Konoha. |
Penempatan iklan di tengah postingan artikel blogger menjadi posisi penempatan iklan yang sangat di favoritkan oleh banyak publisher. Kog bisa? Karena jika pengunjung blog kamu lagi asyik-asyiknya membaca artikel milik kamu tiba-tiba ada iklan muncul di tengah postingan artikel tersebut. Maka iklan tersebut secara langsung akan terlihat oleh pengunjung, bahkan kemungkinan besar tak sengaja di klik oleh pengunjung.
Tutorial yang saya bahas ini udah banyak yang bahas sih hehehehe, tapi GPP ya saya buat artikel ini yah itung-itung daripada saya gabut ya kan 🤣.
Pada artikel sebelumnya saya sudah membahas CARA MEMBUAT IKLAN PARALLAX DI POSTINGAN BLOGGER kali ini saya akan membahas :
Cara Membuat Iklan Di Tengah Postingan Artikel Blogspot
Supaya iklan google adsense yang muncul di tengah-tengah artikel ini bisa bekerja dengan maksimal. Ikuti saja langkah demi langkah untuk membuat iklan di tengah artikel blog yang saya bahas ini.
1. Seperti biasanya masuk ke edit html template blogger kamu yah.
2. Pasang kode CSS yang saya kasih ini di antara kode <head> dan </head>
/* Middle Ads Inside Post by igniel.com */
.radiokonohamidleads {
display: block;
margin: 1rem 0;
padding: 0;
}
3. Lalu langkah selanjutnya cari kode <data:post.body/> lalu langsung saja pasang kode ini tepat di bawahnya. Kode ini fungsinya untuk menampilkan iklan dari kode unit iklan google adsense kamu di tengah postingan artikel blog kamu.
<div class='radiokonohamidleads'>
<!-- Kode Iklan AdSense -->
</div>Pasang kode iklan adsense kamu dibawah kode <!-- Kode Iklan AdSense --> yang saya beri tanda warna hijau.
4. Berikutnya tambahkan kode javascript ini agar iklan yang akan muncul di tengah postingan artikel bisa berfungsi dengan maksimal.
<b:if cond='data:view.isPost'>
<script> //<![CDATA[
// Middle Ads Inside Post by igniel.com
(function() {
let ads = document.querySelector('.radiokonohamidleads');
if (ads) {
let post = document.querySelectorAll('.post-body br, .post-body p'),
x = parseInt(post.length / 2);
if (post[x].nodeName == 'P') {
post[x].parentNode.insertBefore(ads, post[x]);
} else {
post[x].parentNode.insertBefore(ads, post[x].nextSibling);
}
}
})();
//]]> </script>
</b:if>Oia sedikit catatan, kode ini adalah kode milik blog igniel.com yang sudah saya modifikasi sedikit khususnya pada bagian nama class kodenya.
Hasil dari tutorial ini kamu bisa melihatnya yang sudah di bahas pada blog milik Igniel pada tombol demo yang sudah saya bagikan dibawah ini.
Jadi itulah tutorial lengkap cara membuat tampilan iklan yang bisa muncul di tengah-tengah postingan artikel blogger kamu.
Kode ini bisa di gunakan untuk menampilkan iklan selain google adsense ya, contoh iklan yang dibuat sendiri (sponsor) atau iklan lainya seperti mgid.
Rate This Article
Thanks for reading: Cara Memasang Iklan Di Tengah Postingan Artikel Blogger, Sorry, my English is bad:)