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 को बताये गए अनुसार ऐड करें।
Code of Automatically Related Articles
नीचे दिए गए Code को </head> के ऊपर Paste कर दें।
<b:if cond='data:blog.pageType == "item"'>
<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='"post1" + 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 == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=3"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Also Read</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='"post2" + data:post.id' class='artbody' itemprop='articleBody description'><data:post.body/></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/3);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
Note - यदि आप इस तरह के और अधिक ट्यूटोरियल देखना चाहते हैं, तो हमारे YouTube Channel को सब्सक्राइब करें जहां मैं नियमित रूप से Blogging और SEO Tutorial पोस्ट करता हूं।
