Hello friends! Welcome to your Droidnur123 blog. So today we have created a new category in this Droidnur123 Blog called Widgets, yes you heard it right. Let me tell you that this blog contains articles related to blogging as well as updates and Tricks are also available. So in this category of Widgets, I will tell you about Widgets related to bloggers. So in this blog post today we are going to talk about Automatically Related Also Read, Read More Or Internal Linking in Blogpost. What is the use? What should we use it? And how can we implement this Widget in our blogger's blog?
How To Add Automatically Also Read Widget In Blogger, widget script
Automatically Related Also Read, Read More Or Internal Linking In Blogpost
As we all know that all the new bloggers have their own blog on blogger. So in a blogger blog, we cannot customize much. If the blog is on WordPress then we will be able to make our own You can customize the blog by installing it. But in this article, we give a link to the article of our blog which we write Also Read. Now we will add the same Read Widget to your blog article automatically. When you add this Widget When you install it in your blog, then you will not need to write Also Read in your article.
Whatever is related to your article, will be automatically added to that article with the Read Read widget as well, so that your blog post will rank even more. So how to implement this Widget in your blog. Give all the steps below. They are given. Follow them and use this Widget.
How To Implement
Step 1- First you have to log in to your blogger's dashboard.
Step 2- Now you will find a code in the box below. Select and copy this code.
Past in <head></head> Or <b:skin></b:skin>
<!..........Css............>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/* related and ads on middle postpage */
#inline_wrapper{display:block;padding:0;margin:0 auto}
.related_inline_wrapper{width:100%;display:block;overflow:hidden}
.related-post-by-title{margin:20px auto;display:block;position:relative}
.related-post-by-title ul{padding:18px 17px 17px 30px;border:2px solid #efefef;border-radius:5px;margin:0}
.related-post-by-title h4{border:2px solid #efefef;border-radius:5px;display:inline-block;background:#fff;padding:3px 15px;margin:0;position:absolute;top:-12px;left:40px;font-size:15px;font-weight:700}
.related-post-by-title li a{font-size:14px;font-weight:700!important;margin-top:10px!important}
.ads_middle{margin:15px auto 0;padding:0;text-align:center;display:block;position:relative;}
.ads_middle span{background:#ddd;color:#999;display:none!important;margin:15px 0 0;padding:0 9px!important;float:left;font-size:12px;}
@media screen and (max-width:600px){.related-post-by-title{width:100%;}}
</style>
Past Under <body></body>
<!............Script............><script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var postCount=5;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];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;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]=relatedTitles[i];}}
relatedTitles=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((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<postCount){document.write('
<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>
');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ul>
');document.write();};
//]]>
</script>Replace With This Code <data:post.body/>
<div class='inline_wrapper' id='inline_wrapper'>
<div class='related_inline_wrapper' id='related_inline_wrapper'>
<!-- Related posts inline -->
<div class='related-post-by-title' id='related-post-by-title'>
<h4>
Also Read:</h4>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'/> <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=10"' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
<!-- Related posts inline -->
</div>
</div>
<script type='text/javascript'>
function insertAfter(addition,target) {var parent = target.parentNode;if (parent.lastChild == target) {parent.appendChild(addition); } else {parent.insertBefore(addition,target.nextSibling);}}
var middleads = document.getElementById('inline_wrapper');var target = document.querySelector('.post-body');
var opsi1 = target.getElementsByTagName('br');if (opsi1.length > 0){insertAfter(middleads,opsi1[3]);}
var opsi2 = target.getElementsByTagName('blockquote');if (opsi2.length > 0){insertAfter(middleads,opsi2[0]);}
var opsi3 = target.getElementsByTagName('h2');if (opsi3.length > 0){insertAfter(middleads,opsi3[0]);}
</script>
</b:if>
Step 3- Now you go to your blogger's dashboard and click on the themed option and click on Edit HTML.
Step 4- Now you have to press CTRL + F and search </body> tag.
Step 5- Now you have to paste the copied code above the </body> tag and click on the Save button.
- Now, this How To Add Automatically Also Read, Read More Or Internal Linking In Blogpost has been added to your blog. This Widget works automatically. If there is another article similar to the title of your article, it will automatically be added to this Also Read Box, Also Read Or In Your Internal Linking.
From Admin:- Hopefully, These posts Are Helpful For You. Please comment below and share it as much as possible.