Cara Membuat Related Post di Blogger

Jadi pengen buat related post atau tampilan artikel sejenis di blog saya. Namun setelah saya coba ternyata eh... ternyata blog saya tidak mau memunculkan tampilan related post, apakah itu dikarenakan template yang saya gunakan tidak mendukung untuk tampilan related post ya.... tapi saya akan terus mencoba cara-cara lain. Live must go on...

Baiklah biarpun saya tidak sukses menempatkannya di blog saya, namun saya akan posting caranya. Cara yang saya dapatkan dikutip dari http://pelajaran-blog.blogspot.com. Dibawah ini adalah caranya :

Langkah Cara Membuat Related Post/Artikel Yang Berhubungan 

1. Pergilah ke Dashboard blog anda,lalu pilih Tata Letak/Layout,kemudian pilih tab Edit HTML.

 

2. Jangan lupa beri tanda contreng ya pada tulisan Expand Widget Templates.

 

3. Selanjutnya cari kode berikut : (Biar lebih mudah cari dengan Find/Ctrl+F di browser)

 <p><data:post.body/></p> atau <data:post.body/>







4. Jika sudah ketemu, letakkan kode script berikut tepat dibawah kode tadi [lihat gambar ilustrasi diatas - klik untuk melihat lebih jelas]




<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
<!--
Modified by JackBook.Com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->
<div class='widget-content'>
<h3>Artikel Yang Berhubungan</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | Delivery by <u><a href='http://pelajaran-blog.blogspot.com/2010/01/cara-membuat-artikel-yang-berhubungan.html' title='Pelajaran Blog - membuat Related Post'>Ingin Membuat Related Post Seperti Ini?</a></u> | Support by <u><a href='http://cepat-terindex-google.blogspot.com/' title='Belajar Seo Blogspot'>Belajar Seo Blogspot</a></u>
</div>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
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>
</b:if>

5. Setelah itu simpan template  dan selesai

Nb : Untuk tulisan kode yang bercetak tebal "Artikel Yang Berhubungan" gantilah sesuai keinginan seperti;Artikel yang Berkaitan,Artikel Terkait,Posting Terkait,Related Post,dll

 Sayang sekali di blog saya tidak bisa diterapkan!! T.T

Semoga beruntung......

Artikel Terkait: