Cara Memasang in-feed Ads pada Blogspot

Blog

Berikut ini tutorial cara memasang infeed ads pada cms berbasis blogger atau dikenal dengan blogspot pada versi gratisnya. Sebelumnya, infeed ads merupakan jenis tipe iklan terbaru dari google dimana iklan akan diposisikan pada halaman utama blog dan berada pada daftar artikel. Sebagai contohnya perhatikan sebuah screen shot blog di bawah ini,

Yang saya maksud adalah iklan yang saya beri kotak berwarna merah. Iklan tersebut berada dalam 'feed' halaman utama blog. Adapun cara untuk mengaplikasikan ini sebagai berikut,

Membuat Iklan In Feed pada Akun Google Adsense

Pertama anda harus membuat tipe iklan ini terlebih dahulu. Cukup mudah, Cukup seperti membuat iklan biasa awalnya, setelah mengklik 'UNIT IKLAN BARU' berikutnya anda pilih tipe iklan "in-feed ads". Berikutnya silahkan melakukan pengaturan sesuai font dan tampilan web anda. 

Jika merasa susah, silahkan pilih tampilan default saja terlebih dahulu. Setelah itu anda akan mendapatkan kode iklan dan silahkan parse kode iklan tersebut.

Memasang Iklan in feed pada Blogspot

Sekarang kode tersebut dipasang pada blogspot. Log in dan langsung saja menuju template html. Next, anda cari kode 

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

Ada beberapa kode seperti itu dalam template. Yang akan anda pilih yang berada dalam 

<b:includable id='main' var='top'>...</b:includable>

pada template html anda. Dan ganti dengan kode:

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

Sementara simpanlah template Anda.

Berikutnya, temukanlah kode 

<div class='post-outer'>

 sekarang pada bagian kiri nomor baris html, anda klik sehingga code tersebut menjadi

<div class='post-outer'>...</div>

Terakhir pastekan kode dibawah ini. Dimana ganti 'IKLAN GUEH' diganti dengan kode iklan yang telah di parse di awal tadi. Jangan lupa menyimpan template Anda.

<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'>

IKLAN GUEH

</div>

</b:if>

<b:if cond='data:x==3'>

<div class='post'>

IKLAN GUEH

</div>

</b:if>

</b:if>

Share Yuk

Facebook Twitter Linkedin

Related Posts

Loading...