How to automatically add Related Articles in Middle of Post - Blogger

Blogger के पोस्ट में automatic related पोस्ट कैसे लगाएं। इसी के बारे में पोस्ट है। Related Articles को लगाने से ब्लॉग या वेबसाइट में ट्रफिक बढ़ता है। जिससे आपकी earning भी बढ़ती है।  

How to automatically add Related Articles in Middle of Post - Blogger |

1. सबसे पहले आपको अपने ब्लॉगर में theme section में जाना है। उसके बाद 3 dot पर क्लिक करके edit html में जाना है। वहाँ कहीं भी क्लिक करके आपको ]]></b:skin> search करना है। फिर नीचे दिए गए code को copy करके ]]></b:skin> के ऊपर paste कर दें। उसके बाद save कर दें।  

css - Automatically related article  

 /*Articles Related to Middle of Posts*/  
 .newshank{background:#FFF;position:relative;display:inline-block;border:2px solid #DDD;margin:12px 0}  
 .newshank h4{background:#f50521;font-family:Poppins,sans-serif;color:#fff;font-size:12px;font-weight:700;position:absolute;top:-21px;left:2.5%;padding:8px 18px;border:1px solid #DDD;border-radius:5px;text-transform:uppercase}  
 .newshank h4:before{content: '\f043';right: 10px;bottom: 0;font-family:FontAwesome;font-style: normal;font-weight: 400;margin: 0 10px 0 0;color: #fff;}  
 .newshank ul{padding:5px 7px 0;list-style:none}  
 .newshank ul a:before{font-family:fontawesome;content:'\25b6';padding-right:3px}  
 .newshank li{border-radius:5px;border-bottom:1px solid rgba(27,27,27,0.33);line-height:1.7em}  
 .newshank li:hover {text-decoration: underline;}  

2. Css add करने के बाद आपको उसी html में <data:post.body/> search करना है। यदि आपके template में ये code एक से अधिक बार show करे तो last के code की जगह नीचे दिए गए html को paste कर दें। यदि <data:post.body/> एक बार show हो तो उसे हटा कर नीचे दिए गए code को paste कर दें।   

html - Automatically related article

 <b:if cond='data:blog.pageType == "item"'>  
 <script type='text/javascript'>  
 // Articles Related to Middle of Posts by Newshank  
 var newshank = new Array(); var newshankNum = 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]; newshank[newshankNum] = entry.title.$t; for (var k = 0; k <; k++) { if ([k].rel == 'alternate') {relatedUrls[newshankNum] =[k].href; newshankNum++; 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] = newshank[i];}} newshank = 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((newshank.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < newshank.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + newshank[r] + '</a></li>'); if (r < newshank.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}  
 <div expr:id='"post1" +'/>  
      <div class='newshank'>  
       <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/-/" + + "?alt=json-in-script&callback=related_results_labels&max-results=3"' type='text/javascript'/>  
          <h4>Also Read</h4>  
          <script type='text/javascript'>  
      <div expr:id='"post2" +'><p><data:post.body/></p></div>  
      <script type='text/javascript'>  
       var obj0=document.getElementById("post1<>");  
       var obj1=document.getElementById("post2<>");  
       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);}  
You have to wait 19 seconds.

Click on Download Button After Time is Over