Hello friends! Welcome to your Dn420 blog. So today we have created a new category in this Dn420 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 about Widgets related to Blogger. So in this blog post today we are going to talk about Automatically Related Also Read Article about Widget. 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
 |
| How To Add Automatically Also Read Widget In Blogger -Dn420 |
Automatically Related Also Read Widget
As we all know that all the new bloggers have their own blog on blogger. So in 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. 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, it 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.
Widget Implement Steps
Step 1- First you have to login to your blogger's dashboard.
Step 2- Now you will find a code in the box below. Select and copy this code.
<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>
<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>
<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 Widget 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 .
From Admin:- Hopefully This posts Are Helpful For You . Please comment below and share it as much as possible.
0 comments