Cara Pasang New In-feed Ad Native Ads Google Adsense Platform Blogger

Beginilah cara pasang script New In-feed Ad Native Ads Google Adsense yang baru juli 2017 di platform blogger. Tutorial ini harus menggunakan kode tambahan agar bisa tampil rapi diantara postingan halaman hompage blog. Kode ini saya dapat dari salah satu postingan blog Kompi Ajaib milik om Adhy Suryadi.

Cara Pasang Iklan New In-feed Ad Native Ads Google Adsense




A. Mendapatkan Script In-Feed Ad

1. Ketika kita klik SELECT maka kita akan diberi 4 pilihan type tampilan iklan

• Image above
• Image on the side
• Title above
• Text only

2. Setelah anda memilih salah satu type, maka anda akan disuruh memberikan nama unit iklan dan mengatur tampilan sesuai keinginan anda

3. Kalau sudah merasa cukup, silakan Save dan Dapatkan Kode iklan

4. Kemudian anda akan mendapatkan sebuah script iklannya


B. Cara pasang Script In-Feed Ad di blog

1. Masuk ke blogger.com dan menuju halaman Edit HTML

2. Cari kode <b:loop values='data:posts' var='post'> dan tambahkan index='x' dibelakangnya. Jadinya seperti ini:

<b:loop values='data:posts' var='post' index='x'>

3. Kemudian scroll ke bawah mencari kode <div class='post-outer'> ... </div> dan letakkan kode tambahan berikut ini dibawahnya:

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==1'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
</b:if>

Nanti jadinya seperti ini:

<div class='post-outer'> ... </div>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==1'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
</b:if>

Note!

• Ganti YOUR CODE SCRIPT NATIVE ADS dengan script iklan native yang anda dapatkan
• Apabila anda tidak menemukan kode <b:loop values='data:posts' var='post'> dan <div class='post-outer'> ... </div> dalam HTML Template anda, mohon maaf saya tidak bisa membantu. Terutama untuk model template blogger yang baru.
• Untuk CSS tambahan misal padding{} untuk merapikan jarak, anda bisa menambahkannya di bagian style='' script iklan nativenya.
• Selengkapnya tentang pemasangan script native entah; paling atas atau pasang tiga native, anda bisa mengunjungi blog Kompi Ajaib yang berjudul Mengatur Letak Iklan Adsense Di Antara Postingan Homepage Blogspot

4. Terakhir, Simpan dan lihat hasilnya


Untuk melihat demo-nya bisa cek halaman ini. Namun untuk saat ini script iklan yang saya gunakan diantara post di halaman home bukan native, melainkan script iklan yang biasa.

Semoga bermanfaat. Amin! Akhir kata, salam Ngeblog Asyikk \^o^/