How to Add Automatic Related Post in the middle of an article on Blogger

CSS 1

<b:if cond='data:blog.pageType != &quot;index&quot;'>

<script type='text/javascript'>

//<![CDATA[

// Related Post Inline

var relatedSimply = new Array(); var relatedSimplyNum = 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]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; 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] = relatedSimply[i];}} relatedSimply = 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((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}

//]]>

</script>

</b:if><b:if cond='data:blog.pageType != &quot;index&quot;'>

<script type='text/javascript'>

//<![CDATA[

// Related Post Inline

var relatedSimply = new Array(); var relatedSimplyNum = 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]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; 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] = relatedSimply[i];}} relatedSimply = 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((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}

//]]>

</script>

</b:if> 

CSS 2

<!-- [Related post in the middle code by akhelppoint.in] -->

     <div expr:id='&quot;post1&quot; + data:post.id'/>

      <div class='related-simplify'>

         <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=5&quot;' type='text/javascript'/>

               </b:if>

               </b:loop>

               </b:if>

               <h4>Also Read</h4>

               <script type='text/javascript'>

               removeRelatedDuplicates();

               printRelatedLabels();

            </script>

      </div>

	   <div class='ty-copy-container row' style='font-size:1px; opacity:0;'><a href='https://www.akhelppoint.in/' rel='dofollow' title='related post in the middle'>related post in the middle</a>

                    </div>

      <div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></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/2);

         var r=t.lastIndexOf("<br>");

         if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}

</script>

<!-- [Related post in the middle code by akhelppoint.in] -->

     <div expr:id='&quot;post1&quot; + data:post.id'/>

      <div class='related-simplify'>

         <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=5&quot;' type='text/javascript'/>

               </b:if>

               </b:loop>

               </b:if>

               <h4>Also Read</h4>

               <script type='text/javascript'>

               removeRelatedDuplicates();

               printRelatedLabels();

            </script>

      </div>

	   <div class='ty-copy-container row' style='font-size:1px; opacity:0;'><a href='https://www.akhelppoint.in/' rel='dofollow' title='related post in the middle'>related post in the middle</a>

                    </div>

      <div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></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/2);

         var r=t.lastIndexOf("<br>");

         if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}

</script>