Also Read

How To Add Auto In Article Related Post In Blogger?

What Is In Article Related Post In Blogger?

In article related post is a section that helps the reader to get related posts suggestion into one post. This section helps a site owner to get lots of clicks on the older post as well. This in article related post reduces the bounce rate of a site and increases the earning from that site. 

How Many Links Can Be Included In Article Related Post Section?

There are no limitations that how many links can be added, my suggestion to you is to add at most six posts and least two post link in the content. Although you can customize this number of posts.

Why Do You Use In Article Related Post in Blogger?

Today we will discuss about extremely valuable term for SEO of your site. After applying the in article related post widget in your site the rank wil automatically increase. Not only this your site will look lovely and visitors will like come to your site again.

The name of this section is in article related post widget in blogger site, three to four links of your site will consequently show up on your post. When you visit a site, you will see related posts, this will increase you site visit dramatically.

Today we will know how to add auto read more option in blogger?

How Do I Add In Article Related Post In Blogger?

Step 1:

Go to Blogger dashboard.

Step 2: 

Click on Theme > Customize > Edit HTML.

Step 3:

Click anywhere into the code area. 

Step 4:

Press Ctrl + F and search for <data:post.body/>. 

(You can get this code three or more times. Identify the third one from above.)

Step 5:

Now copy the below code and replace <data:post.body/> with it.

<!-- Related Article Start --> <div expr:id='"post1" + data:post.id'/> <div class='arpianz'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=7"' type='text/javascript'/> </b:if> </b:loop> </b:if> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div> <div expr:id='"post2" + data:post.id'><p><data:post.body/></p></div> <script type='text/javascript'> var obj0=document.getElementById("post1<data:post.id/>"); var obj1=document.getElementById("post2<data:post.id/>"); var s=obj1.innerHTML; var t=s.substr(0,s.length/2); var r=t.lastIndexOf("<br>"); if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} </script> <!-- Related Article End -->

Step 6:

Again search for </head>.

Step 7:

Copy the below codes and paste it above </head>.

<!--Related Article middle start --> <style type='text/css'> .arpianz{background:#FFF;position:relative;display:inline-block;border:2px dashed #DDD;margin:22px 0} .arpianz h4{background:#393939;font-family:Poppins,sans-serif;color:#fff;font-size:12px;font-weight:700;position:absolute;top:-21px;left:2.5%;padding:8px 18px;border:1px solid #DDD;border-radius:5px;text-transform:uppercase} .arpianz h4:before{ content:'\25bc'; right: 10px; bottom: 0; font-family:FontAwesome; font-style: normal; font-weight: 400; margin: 0 10px 0 0; color: #fff; } .arpianz ul{ padding-top: 12px; list-style: none; padding-right: 8px; } .arpianz ul a:before{font-family:fontawesome;content:'\25b6';padding-right:10px} .arpianz li{border-radius:5px;border-bottom:1px solid rgba(227,227,227,0.33);line-height:1.7em} .arpianz li:hover {text-decoration: underline;} </style> <b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> //<![CDATA[ // Articles Related to Middle of Posts by Mate Lists var arpianz = new Array(); var arpianzNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; arpianz[arpianzNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[arpianzNum] = entry.link[k].href; arpianzNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = arpianz[i];}} arpianz = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((arpianz.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < arpianz.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + arpianz[r] + '</a></li>'); if (r < arpianz.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} //]]> </script> </b:if> <!--Related Article middle End -->

Step 8:

Save the theme.

You are done.

Conclusion

Hope you have successfully added these codes on your blog. If you like this way to add in article related post option within every post in blogger, please share it to your friends.