Cara Membuat Related Post Terbaru 2012

Cara Membuat Related Post- Related Post merupakan cara menampilkan artikel yang berhubungan atau artikel yang sedang dibaca oleh pengunjung blog sobat persisnya artikel tersebut terdapat pada satu label yang sama. Dengan kata lain menampilkan beberapa artikel yang berada pada satu label. Untuk melihat contoh dari Artikel Terkait/Related Post dibawah postingan, sobat dapat melihatnya dibawah postingan cara membuat Related Post di Blog. 

Nah bagaimana cara membuatnya?, ok sekarang blog sahabat akan menunjukkan cara membuat Related Post/Artikel Terkait secara rinci dan dengan pemahaman yang semudah-mudahnya guna mempermudah sobat dalam memahi dan mempraktekkannya.

Cara Membuat Related Post

1. Login ke account blogger kamu.

2. Masuk ke kustomisasi >> edit html.

3. Kemudian Klik centang pada "expand widget template".

4. Cari kode <p><data:post.body/></p> (tekan Control+F untuk mempermudah sobat dalam pencarian)

5. Pasang kode di bawah ini tepat di bawah kode <p><data:post.body/></p>

<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>

Save dan lihat hasilnya. Selamat mencoba, semoga sukses untuk cara membuat Related Post.