Headlines News :
Home » , » Tricks to Make Related Post article on Blogger

Tricks to Make Related Post article on Blogger

Written By Unknown on Monday, 1 July 2013 | 15:31

Related post is featuring articles related or similar articles (one label). In other words, show some of the articles that are on the label. For example tips blogger friends could see me at the end of this post, there is a box labeled "Read This | Read All this". Now how do I make it?, It is very easy. What my friends want to try it?, If yes, please continue reading How to Make Related Post.


How to Make Related Post

1. Log in to your blogger account.

2. Sign in to >> edit html customization.

3. Then Click the checkbox on the "expand widget templates".

4. Find code <data:post.body/> (press Control + F and enter the code above)

5. Put the following code just below the code <data:post.body/> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>

<div class='widget-content'>
<h3>Read this | Baca yang ini</h3>
<div style='border: 2px solid rgb(230, 230, 230); width:100%; height:300px; overflow:auto;'>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 50;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div></div><p>Widget by [ <a href='http://tips-tutorial.blogspot.com/2009/08/cara-membuat-related-post-artikel-di.html' target='new'>Tips Blogger</a> ]</p>

</div>
</b:if>

6. Save and see the results, good luck ... regards 

I just ordinary blogger who love to learn and share knowledge and experience with others. Thanks a lot to the blog Indonesian-Herbal, this blog may also be useful for people in need. Please enter your email in the box below to get updates from this blog article. Greetings!.


Your information will not be shared. Ever.
Share this post :
 
Special Thanks To : Obat Indonesia | Johny Template | Mas Template
Copyright © 2013. T11U (Tiloe Jungle) Medicinal Herbal! - All Rights Reserved
Template modif by Jasa Website Pangkalpinang Published by T11U
Proudly powered by Blogger
Join us on Facebook Follow us on Twitter Add us on G+ Subscribe to RSS