Dark
Beranda Tips Blogger Trik Blogger

Cara Memasang Related Posts Dengan Iklan Adsense Google

Oleh Admin
7 Mar 2019
Di sini aku tidak akan panjang lebar untuk menjelaskan secara rinci fungsi dari artikel terkait ini, sebab aku anggap Anda sudah mengerti wacana fungsinya secara garis besar. Oke, pribadi 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 instruksi 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:&quot;\f08e&quot;;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 instruksi <data:post.body/> dan letakkan instruksi di bawah ini, sempurna di bawah instruksi <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 instruksi <data:post.body/> jadi letakkan di bawah instruksi <data:post.body/> yang ke 2 dan bilah tidak sanggup coba letakkan pada instruksi yang aku maksud satu persatu hingga berhasil.
langkah Terahir
Setiap yang aku tandai warna Merah anda ganti dengan Code Iklan Adsense Google Sobat . Setalah Itu Simpan Template


Demikian Cara Memasang Related Posts dengan Iklan Adsense Google, agar dengan tutorial di atas berhasil diterapkan pada blog Anda.
Tags :
Berbagi :