Cara Membuat Posting Berkaitan (Related Post by Categories)

Maksud dari dibuatnya "Posting Berkaitan/Related Post by Categories" kurang lebihnya yaitu untuk memudahkan pengunjung situs dalam pencarian artikel/posting yang diinginkan. Ibaratnya seperti ini. Anggap saja situs adalah sebuah toko, maka related post adalah sebuah etalase yang berfungsi untuk memajang barang dagangan. Setiap pengunjung membaca sebuah artikel pada sebuah situs, dan pada situs tersebut terdapat posting dengan "kategori yang berkaitan" maka dibawah posting tersebut akan "dipajang" atau dimunculkan judul-judul posting yang lain (silahkan lihat gambar). Tentu saja hal ini akan membuat si pengunjung mudah dalam menemukan apa yang dicarinya tanpa harus membuka-buka posting satu demi satu. Jika anda ingin membuat related post by categories pada situs anda, silahkan ikuti langkah-langkahnya sebagai berikut:

1. Masuk ke blogger anda
2. Pilih Tata Letak kemudian Edit HTML
3. Beri tanda "tik" atau centang pada kotak "Expand Template Widget"
4. Untuk menghindari kegagalan, silahkan back up template terlebih dahulu dengan meng-klik "Download Template Lengkap" atau meng-copy seluruh kode pada template anda dan menyimpannya kedalam "notepad"
5. Cari kode <data:post.body/>
Jika anda menggunakan fasilitas "Readmore", biasanya terdapat 2 kode. Pilih yang diatas.
Tips:
*Untuk memudahkan pencarian, tekan F3 atau Ctrl+F pada keyboard anda lalu copy kode tadi dan masukkan pada kolom pencarian. Hasil temuan akan tampak dengan "highlight" berwarna hijau.
6. Jika sudah ketemu, copy kode berikut dan paste-kan dibawah kode yang tadi anda cari.

b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Post by Categories</h3>
<div id='data2007'/> 
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

7. Ganti tulisan berwarna merah dengan kata-kata yang anda sukai kemudian "simpan template".
8. Selesai
Hasilnya kurang lebih akan terlihat pada gambar (sesuai dengan kategori artikel posting anda)

**Jika kode diatas "belum berhasil", coba gunakan alternatif kode dibawah ini:

<b:if cond='data:blog.pageType == "item"'> 
 <div class='similiar'> 
 <div class='widget-content'> 
 <h3>Related Post by Categories</h3> 
 <div id='data2007'/> 
 <script type='text/javascript'> 
 
 var homeUrl3 = "<data:blog.homepageUrl/>"; 
 var maxNumberOfPostsPerLabel = 4; 
 var maxNumberOfLabels = 10; 
 
 maxNumberOfPostsPerLabel = 100; 
 maxNumberOfLabels = 3; 
 
 
 function listEntries10(json) { 
 var ul = document.createElement('ul'); 
 var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? 
 json.feed.entry.length : maxNumberOfPostsPerLabel; 
 for (var i = 0; i < maxPosts; i++) { 
 var entry = json.feed.entry[i]; 
 var alturl; 
 
 for (var k = 0; k < entry.link.length; k++) { 
 if (entry.link[k].rel == 'alternate') { 
 alturl = entry.link[k].href; 
 break; 
 } 
 } 
 var li = document.createElement('li'); 
 var a = document.createElement('a'); 
 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 < json.feed.link.length; l++) { 
 if (json.feed.link[l].rel == 'alternate') { 
 var raw = json.feed.link[l].href; 
 var label = raw.substr(homeUrl3.length+13); 
 var k; 
 for (k=0; k<20; k++) label = label.replace("%20", " "); 
 var txt = document.createTextNode(label); 
 var h = document.createElement('b'); 
 h.appendChild(txt); 
 var div1 = document.createElement('div'); 
 div1.appendChild(h); 
 div1.appendChild(ul); 
 document.getElementById('data2007').appendChild(div1); 
 } 
 } 
 } 
 function search10(query, label) { 
 
 var script = document.createElement('script'); 
 script.setAttribute('src', query + 'feeds/posts/default/-/' 
 + label + 
 '?alt=json-in-script&callback=listEntries10'); 
 script.setAttribute('type', 'text/javascript'); 
 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 = "<data:label.name/>"; 
 
 var test = 0; 
 for (var i = 0; i < labelArray.length; i++) 
 if (labelArray[i] == textLabel) test = 1; 
 if (test == 0) { 
 labelArray.push(textLabel); 
 var maxLabels = (labelArray.length <= maxNumberOfLabels) ? 
 labelArray.length : maxNumberOfLabels; 
 if (numLabel < maxLabels) { 
 search10(homeUrl3, textLabel); 
 numLabel++; 
 } 
 } 
 </b:loop> 
 </b:loop> 
 </script> 
 </div> 
 
 </div> 
</b:if> 

Semoga bermanfaat.. Salam Blogger New813