Cara Memasang Related Posts dengan Iklan Adsense Google

Di sini saya tidak akan panjang lebar untuk menjelaskan secara rinci fungsi dari artikel terkait ini, karena saya anggap Anda sudah mengerti tentang fungsinya secara garis besar. Oke, langsung saja ikuti caranya di bawah ini.

Cara Memasang Related Posts dengan Iklan Adsense Google

Pertama Buat Unit Iklan Adsense Google anda
Dengan Memilih ‘Matched Content’  sebagai jenis unit iklan Anda.

Setelah anda Membuat Unit Iklan Matched Content
Pada langkah selanjutnya, 

Login ke blog > Buka Template > Salin kode di bawah ini sebelum ]]></b:skin>atau</style>

/* Related Post */
#related-post{overflow:hidden;padding:0;font-size:14px}#related-post h4{background:#747d8c;display:table;margin:0 0 25px 0;font-size:14px;color:#fff;font-weight:400;padding:8px 16px;border-radius:3px}#related-post h4:before{content:"\f08e";font-family:fontawesome;margin-right:6px;font-weight:normal}
.related-post-style-2 .related-post-item-thumbnail{width:100px;height:100px;background-color:transparent;border:none;margin:auto;padding:0;float:left}
.related-post-style-2 .related-post-item-title{background:#fff;color:#222;position:relative;display:block;padding:15px;font-size:14px;height:auto;overflow:hidden;text-overflow:initial;white-space:unset}
.related-post-style-2 li:hover .related-post-item-title{background:#fff;color:#f24a4a;height:auto}
.related-post-style-2 li{width:100%;float:none;margin:8px 0;padding:0;border:1px solid rgba(0,0,0,0.08)}

Selanjutnya 
cari kode <data:post.body/> dan letakkan kode di bawah ini, tepat di bawah kode <data:post.body/>

         <div class='related-postbwrap' id='bpostrelated-post'/>
<div class='clear'/>
<div id='related-post'>
<h4><span>Related Post</span></h4>
<ins class='adsbygoogle' data-ad-client='ca-pub-XXXXXXXXXXXX' data-ad-format='autorelaxed' data-ad-slot='XXXXXXXXX' data-matched-content-columns-num='2' data-matched-content-rows-num='4' data-matched-content-ui-type='image_card_sidebyside' style='display:block'/>
<script>
               (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
</div>

Biasanya dalam template terdapat lebih dari 3 kode <data:post.body/> jadi letakkan di bawah kode <data:post.body/> yang ke 2 dan bilah tidak bisa coba letakkan pada kode yang saya maksud satu persatu sampai berhasil.

langkah Terahir
Setiap yang saya tandai warna Merah anda ganti dengan Code Iklan Adsense Google Sobat . Setalah Itu Simpan Template

• Result

Demikian Cara Memasang Related Posts dengan Iklan Adsense Google, semoga dengan tutorial di atas berhasil diterapkan pada blog Anda.

Share Share Tweet Share Share Share

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi Anda membantu Admin untuk lebih giat lagi dalam membagikan template blog yang berkualitas. Terima kasih.