How to Add Related Posts in Blogger Post

Must Read - Related Topics -

How To Automatically Add Related Articles In The Middle Of Posts

आज आपको पोस्ट के अन्दर Related Articles की link कैसे एड करनी है। उसके बारे में बताने जा रहे हैं। नीचे दिए गए code के द्वारा आप अपने blog की पोस्ट में आसानी से Automatically Related Articles एड कर सकते हो।  


इस Code के द्वारा आपके Post में Automatically Related Articles एड हो जाएंगे। ये Code CSS & HTML JAVASCRIPT पर आधारित है। इसे आप अपने ब्लॉग में theme में एड करके Automatically Related Articles लगा सकते हो।   


Benifit of Automatically Add Related Articles  


Blogger की Post में Automatically Related Articles को लगाने के बहुत से फायदे हैं। यदि आप अपने blog की post में Automatically Related Articles ऐड करते हैं। तो आपके पोस्ट में Automatically Internal linking हो जाती है। जो कि आपके blog की पोस्ट अधिक से अधिक Traffic लाने का काम करती है।  


Automatically Related Articles ऐड होने से Google, Bing & Other Search engines आपकी पोस्ट को क्रोल करते हैं। जिससे आपकी पोस्ट के वायरल होने के चांस बढ़ जाते हैं।  


How to Add Automatically Related Articles  


Automatically Related Articles को एड करने के लिए सबसे पहले आप अपने blog को open करें। अब theme में जाकर edit HTML पर क्लिक करें। अब नीचे दिए गए Code को बताये गए अनुसार ऐड करें।  
How to Add Related Posts in Blogger Post | newshank.com



Code of Automatically Related Articles  


नीचे दिए गए Code को   </head>   के ऊपर Paste कर दें।  

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array(); var relatedTitlesNum = 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]; 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 < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
</b:if>


नीचे दिए गए Code को   ]]></b:skin>   के ऊपर Paste कर दें।  

/*RelatedPost - Tech Gyan*/
.post-terkait{display:block;position:relative;background:#fff;padding:0;margin:15px auto 20px;width:100%}.post-terkait h4{background:linear-gradient(44deg, #f00c1f, #f3eb00, #ffffff);padding:5px 9px;font-size:13px;text-transform:uppercase;color:#fff;border-top-left-radius:21px;line-height:normal;border:0}.post-terkait h4:before{display:none}.post-terkait ul{margin:0;padding:0}.post-terkait ul li{list-style:none;padding:1px 0;line-height:1.5em}.post-terkait a{color:#07ACEC;font-size:17px}.post-terkait a:hover{color:#ff0000;text-decoration:underline}


नीचे दिए गए Code को दूसरे   <data:post.body/>   की जगह Paste कर दें। या फिर   <div class='artbody' itemprop='articleBody description'><data:post.body/></div>    की जगह।  

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='post-terkait'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Also Read</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='&quot;post2&quot; + data:post.id' class='artbody' itemprop='articleBody description'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/3);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>



Note - यदि आप इस तरह के और अधिक ट्यूटोरियल देखना चाहते हैं, तो हमारे YouTube Channel को सब्सक्राइब करें जहां मैं नियमित रूप से Blogging  और SEO Tutorial  पोस्ट करता हूं।  


Tags

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Below Post Ad