Cara Membuat Related Posts Bersamaan Dengan Adsense Di Blogspot Cara Membuat Related Posts Bersamaan Dengan Adsense Di Blogspot - mizipediacom mizipediacom: Cara Membuat Related Posts Bersamaan Dengan Adsense Di Blogspot

KATEGORI










LIVE TV

Iklan Semua Halaman

Cara Membuat Related Posts Bersamaan Dengan Adsense Di Blogspot

Sunday, 21 May 2017



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
Lihat Juga