Cara Membuat Related Posts Bersamaan Dengan Adsense Di Blogspot




Cara Membuat Related Posts Bersamaan Dengan Adsense Di Blogspot
Pada kali ini saya akan menjelelaskan cara untuk membuat related post bersamaan dengan adsense di blogspot. Sebenarnya cara ini sudah di bagikan oleh kompiajaib, namun tidak ada salah nya kan saya untuk share kembali, agar bisa membantu para blogger untuk menerapkan cara seperti ini

bagi anda yang ingin meletakan iklan adsense anda agar bisa  dapat meningkatkan Earning atau penghasilan adsense anda. Maka salah satunya bisa mencoba unit iklan dengan ukuran tinggi 600px pada area postingan di desktop dan mobile.

Nah untuk anda yang ingin mencari lokasi yang bagus ingin menerapkan iklan tinggi 600px, dan lokasi yang cocok yaitu bisa anda simpan iklannya bersebelahan dengan related posts. Tetapi untuk tampilan mobile unit iklan akan berada di bawah related posts, dan  tetap bisa menampilkan iklan tinggi 600px.

Untuk demonya anda bisa melihat gambar di atas.

Apabila anda memang tertarik untuk membuatnya, maka bisa anda copy kode di bawah ini.

1. Silahkan anda simpan kode HTML di bawah postingan di dalam Edit HTML
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-post'>
<h4>You Might Also Like:</h4>
<div class='underpost1'>
<b:if cond='data:post.labels'>
<b:loop index='x' values='data:post.labels' var='label'>
 <b:if cond='data:x==0'>
<amp-iframe expr:src='&quot;https://cdn.rawgit.com/KompiAjaib/kompi-html/master/relatedposts_light.html?url=www.mizipedia.com&amp;label=&quot; + data:label.name' frameborder='0' height='620' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>
</amp-iframe>
</b:if>
</b:loop>
</b:if>
</div>
<div class='underpost2'>
<amp-ad data-ad-client='ca-pub-2124282593xxxxxx' data-ad-slot='xxxxxxxxxx' height='600' layout='fixed-height' type='adsense'>
</amp-ad>
</div>
<div class='clear'/>
</div>
</b:if>
2. Anda ganti kode www.mizipedia.com dengan domain blog Anda. Dan kemudian anda sesuaikan data-ad-client ca-pub-2124282593xxxxxx dan data-ad-slot xxxxxxxxxx dengan adsense milik anda.

3. Selanjutnya silahkan anda simpan kode CSS di bawah ini di style amp-custom untuk halaman postingan blog anda.

.related-post{margin:20px 20px 0;padding:0}
.related-post h4{font-size:20px;margin:0 0 10px;}
.related-post .underpost1,.related-post .underpost2{width:50%;display:inline-block;float:left;}
.related-post .underpost1{margin-bottom:10px;}
.related-post .underpost2{margin:20px 0;}
.clear{clear:both;}
@media screen and (max-width:414px){
.related-post .underpost1,.related-post .underpost2{width:100%;display:block;float:none;}
.related-post .underpost1{margin-bottom:0;}
.related-post .underpost2{margin:20px 0 0;}
}

 Demikian tutorial di atas , selamat mencoba, dan bisa membantu anda. salam blogger

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect