Cara menampilkan Realated post di posting

Keuntungan menampilkan artikel terkait (Related post) adalah membantu pembaca atau pengunjung menemukan lebih banyak informasi yang terkait dengan topik. Hal ini berdasarkan label atau kategori dan biasanya muncul di akhir artikel atau posting secara otomatis. Pengunjung atau pembaca akan menemukan beberapa link yang berkaitan dengan pos berdasarkan label atau kategori.

Tips membuat Related post diakhir posting ini saya kutip dari Kendhin: sang master Tips and Tricks Blogspot; berikutnya dari http://bangbaka.blogspot.com

1. Login dulu ke blogspot, lalu sobat masuk ke halaman Layout/Tata letak blog dan klik Edit Html kemudian centang/beri tanda ceklis pada ' Expand widget template " ( sebelumnya backup dulu template anda dengan cara mengklik Download full template, jadi template sobat yang lama langsung tersimpan )

2. Selanjutnya cari kode seperti dibawah ini

<data:post.body/>

Jika sobat sudah memasang fasilitas Tips memasang READMORE...mempersingkat tampilan postingan dan Tips memasang READMORE-2... sesuai judul posting di template sobat, sobat akan menemukan 2 buah kode yang sama , jadi sobat pedoman aja ke ke kode yang pertama ( seperti contoh kalau di template saya

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

3. Copy kode dibawah ini

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

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<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>

Paste dibawah kode <p><data:post.body/></p>

4. Jika sudah klik SAVE TEMPLATE

Silakan lihat hasilnya, semoga berhasil dan sukses
Happy blogging

Related Posts by Categories