How to add Read More in Blogger Post | Also Read Widget in Blogger Post

TIAL WIZARDS

12 May, 2022

A+ A-

Hi to all in this article, I am going to tell you all about how to add also read post links in your website easily in just 2 minutes.

Read the below provided steps carefully and completely to get clear understanding of the process, if you miss any one step then definitely your website may get issues while saving the code.

Information You Need to Know

What is Also Read in Blogger Post?

Also read is one type of post inter linking method, in this we can add a group of posts links in any post of your website, by this you can get post views and also bounce will be maintained constant.

How many Links we can add in Also read for Post ?

There are no limitation but, my suggestion to you is to add maximum 6 posts and minimum two post links in this script.

How to add Also Read in Blogger Post by tial wizards

Steps to add Also Read in Blogger

Step-1: Login to your blogger website dashboard by using your login credentials.

Step-2: Now you need to click on Theme option and backup your complete website theme code and save it in your database safely, if any problem occurs while saving the code then you can backup your code again and you will not loose your changes.

Blogger Edit HTML Page

Step-3: After backup code click on customize and then choose Edit HTML option.

Step-4: Now you see your website theme code, here click on blank area and press CTRL + F and then you see a search bar, there you need to enter </head> or closing head tag and press enter.

Search Theme Code </head>

Step-5: Copy the below provided code-1 and paste the code above the <head> tag or closing head tag.

Step-6: Now you need to press CTRL + F and then you see search bar, there you need to enter "<data:post.body/>" and press enter.

Search Theme Code <data:post.body/>

Step-7: Copy the below provided code-2 and replace the code in the place of <data:post.body/>.

Step-8: After adding the two code, click on save button, now you have successfully added Also Read in your blogger website.

Also Read Demo in Blogger Post

Note:

If you get any error while saving the code, then you need to backup your code again and do the complete process again as told in the above steps.

Visit your blogger website and check whether the posts are visible or not, if not visible then it is due to less posts in your website, so write more articles with same labels.

In some blogger themes this code may not work properly so before adding the code, backup your complete theme.

If you have any problem, then contact us

Code-1 [Paste above </head>]


<!--[ Paste the below code above </head> ]-->

<b:if cond='data:blog.pageType != "index"'><script type='text/javascript'>//<![CDATA[ // Related Post Inline var relatedSimply = new Array(); var relatedSimplyNum = 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]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; 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] = relatedSimply[i];}} relatedSimply = 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((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} //]]></script></b:if>

Code-2 [Replace the below code with <data:post.body/>]


<!--[ Replace the code below <data:post.body/> ]-->

<div expr:id='"post1" + data:post.id'/>      <div class='related-simplify'>         <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=5"' type='text/javascript'/>               </b:if>               </b:loop>               </b:if><br>               <h4>Also Read</h4><script type='text/javascript'>               removeRelatedDuplicates();                printRelatedLabels();             </script><br>      </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>

Conclusion

If you follow above provided steps carefully and completely then you can add Also Read in your blogger website easily without getting any issue.

If you feel this content is helpful then share this article and follow us from social media platforms.

How to add Read More in Blogger Post | Also Read Widget in Blogger Post

Information You Need to Know

What is Also Read in Blogger Post?

How many Links we can add in Also read for Post ?

Steps to add Also Read in Blogger

Code-1 [Paste above </head>]

Code-2 [Replace the below code with <data:post.body/>]

Conclusion

Subscribe

Oops! No Internet!

Cookies Consent

Information You Need to Know

What is Also Read in Blogger Post?

How many Links we can add in Also read for Post ?

Steps to add Also Read in Blogger

Code-1 [Paste above </head>]

Code-2 [Replace the below code with <data:post.body/>]

Conclusion

Subscribe

Follow by Email

Oops! No Internet!

Cookies Consent

Disclaimer

Disclaimer