How to Install Related Posts with Google Adsense Ads

How to Install Related Posts with Google Adsense Ads

Here I will not elaborate to explain in detail the function of this related article, because I assume you already understand about its function in outline. Okay, just follow the method below.

How to Install Related Posts with Google Adsense Ads

First Create your Google Adsense Ad Unit
by Selecting 'Matched Content' as your ad unit type.

After you Create a Matched Content Ad Unit
In the next step, 

Login to the blog> Open Template> Copy the code below before ]]></b:skin> or</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)}

look for the code <data: post.body /> and place the code below, just below the code<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'/>
               (adsbygoogle = window.adsbygoogle || []).push({});

Usually in the template there are more than 3 <data: post.body /> codes so put it under the second <data: post.body /> code and the bar can't try putting it in the code I mean one by one until it works.
Last step
Every time you mark the red color you replace with Google Adsense Ads Code Friend . After That Save the Template

Thus How to Install Related Posts with Google Adsense Ads , hopefully with the tutorial above successfully applied to your blog.

Baca juga

Post a comment