How to Related Posts in the middle of blogger posts Articles

Creating add Related Posts in the middle of blogger Post – One way to bounce rate on blogs to go down is by way of presenting related articles that are being read by visitors. There are related articles that are presented in an automated way, and aja also presented manually.

In this article, I will discuss how to create related articles in the middle of a blog post automatically. For example, when a visitor is reading a post about how to create a related article on a blog, then another automatically related article that discusses ‘create related articles on blog’ will appear by itself. You no longer need to have to insert certain links in a manual way, this can shorten your energy as well as time.

How to Create Automated Related Articles in Blog Posts 

Membuat Artikel Terkait Otomatis di Tengah Postingan Blog
How to Related Posts in the middle of blogger 

This auto related article I got from the tutorial blog mas tamvan, and proven work. So maybe you are interested in this tutorial, you can apply to the blog. In addition to beautify the look of blogs, related articles can also lower bounce rate blog of course. How to make it is as follows.

Loggin into blogger.
Select the theme menu, then click edit HTML.
Search for code </ head> or <head />
Enter the code below or above and save it.

<style type="text/css">
/*Artikel Terkait Tengah Postingan*/
.bacajuga{position:relative;display:inline-block;border:1px solid #DDD;margin:20px 0}
.bacajuga h4{background-color:#FFF;position:absolute;margin-left:30px;margin-top:-14px;padding:0 15px;border:1px solid #DDD}
.bacajuga ul{padding:11px 41px 0;list-style:none}
.bacajuga ul a:before{font-family:fontawesome;content:"\f105";padding-right:10px}
.bacajuga li{border-radius:5px;border-bottom:1px solid rgba(227,227,227,0.33);line-height:1.7em}
</style>
<script type="text/javascript">  
//<![CDATA[  
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('2 4=g f();2 9=0;2 6=g f();d z(m){c(2 i=0;i<m.u.5.3;i++){2 5=m.u.5[i];4[9]=5.v.$t;c(2 k=0;k<5.h.3;k++){b(5.h[k].A==\'y\'){6[9]=5.h[k].x;9++;C}}}}d B(){2 7=g f(0);2 8=g f(0);c(2 i=0;i<6.3;i++){b(!q(7,6[i])){7.3+=1;7[7.3-1]=6[i];8.3+=1;8[8.3-1]=4[i]}}4=8;6=7}d q(a,e){c(2 j=0;j<a.3;j++)b(a[j]==e)p M;p L}d D(){2 r=s.K((4.3-1)*s.I());2 i=0;n.l(\'<o>\');E(i<4.3&&i<F){n.l(\'<w><a x="\'+6[r]+\'" J ="G" v="\'+4[r]+\'">\'+4[r]+\'</a></w>\');b(r<4.3-1){r++}H{r=0}i++}n.l(\'</o>\')}',49,49,'||var|length|relatedTitles|entry|relatedUrls|tmp|tmp2|relatedTitlesNum||if|for|function||Array|new|link||||write|json|document|ul|return|contains||Math||feed|title|li|href|alternate|related_results_labels|rel|removeRelatedDuplicates|break|printRelatedLabels|while|20|_blank|else|random|target|floor|false|true'.split('|'),0,{}))
//]]>  
</script>

If so, next is just put the code to create related articles automatically to appear in every article.

Also Read – Youtube Music Streaming Service Launches priced

Still in HTML edit position. Search for code <data: post.body />. Usually the code is more than one. Replace the second code with the code below.

 

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='bacajuga'>  
<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&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>  
</b:if>  
</b:loop>  
</b:if>  
<b:if cond='data:blog.pageType == "item"'>  
<h4>Baca Juga</h4>  
<script type="text/javascript">  
removeRelatedDuplicates();  
printRelatedLabels();  
</script>  
</b:if>  
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><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/2);
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>
    NOW, Save template.

MANY TIME COMMENTS ASK.. how to add ads between posts in blogger how to insert ads within your post content in blogger how to put google adsense below post title in blogger? how to put adsense inside blogger post how to put adsense ads on blogger how to insert google ad in between post in blogger with layout putting adsense ads inside blogger posts how to add ad code in blogger

IF WAND TO ADS CODE ON between posts THEN REPLACE  2 NO CODE OR COMMENTS ME

source – http://bloggingbray.blogspot.in/2017/12/artikel-terkait-otomatis-ditengah-postingan.html
How to Related Posts in the middle of blogger posts Articles
Rate this post

One thought on “How to Related Posts in the middle of blogger posts Articles

  1. Pingback: Youtube

Leave a Reply