Membuat Related Post

Ngomong-ngomong apa ya yang dimaksudrelated post? Sesuai dengan namanya, kegunaannya adalahmenampilkan postingan terkait. Lalu apa kegunaan dari related post ini? kegunaannya adalah para pengunjung jadi tahu postingan sejenis yang ada di blog kita, jadinya para pengunjung tidak perlu susah-susah mencari postingan terkait dengan postingan yang baru mereka baca, ngomong-ngomong juga... agar para pengunjung betah di blog kita. Selain itu ada manfaat lain yang tak kalah pentingnya dari manfat-manfaat di atas, yaitu untuk menampilkan postingan yang sudah lama, mengingat related postmenampilkan semua postingan yang sejenis dan ini tentunya akan membantu postingan kita yang lama untuk tidak kadaluarsa^.

Untuk membuat related post ini tidaklah sulit, karena kita hanya membutuhkan beberapa kode untuk ditambahkan ke Kode templetkita. Ya', agar tidak kelamaan kita dapat menyimak langkahnya-langkahnya sebagai berikut:

1. Login/ masuk ke akun blogger anda.

2. Ketika anda berada di Dasbor klik Tata Letak.

3. Lalu klik Edit HTML.

4. Jangan lupa untuk mencentang kotak Expand Widgets Template.

5. Selanjutnya carilah kode <data:post.body/> (Gunakan Ctrl+F, agar lebih mudah).

6. Dan letaklah kode berikut ini tepat di bawah kode<<data:post.body/>tadi:

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

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<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. Setelah anda menyelesaikan langkah-langkah di atas, jangan lupa klik tombolSimpan Template.