Membuat RELATED POST di Blogger (Link Postingan Sejenis)

Bagi anda yang sering browsing internet kemudian membuka dan membaca salah satu postingan yang ada dalam suatu web atau blog sering kali di bagian akhir tulisan dari postingan tersebut ada link "Related Post", di mana link tersebut masih satu topik dengan postingan yang sedang dibaca. Link -link tersebut biasa kita sebut " Related post".

Untuk melihat contoh Link related Post tersebut, coba lihat di bawah akhir tulisan dari blog ini. (Atau lihat gambar dalam lingkaran merah)

Tentunya dengan link " Related post" tsb pembaca setia anda paling tidak akan tahu tulisan - tulisan lainnya dalam satu web yang mempunyai kesamaan pokok bahasan, sehingga akan menggoda pengunjung untuk membaca postingan yang lainnya. Nah hal inilah yang membuat pembaca setia anda akan betah berlama - lama di blog atau web anda.

Untuk membuat "Related post di blogger" berikut adalah langkah - langkah sederhana yang bisa anda coba. Oh ya pembuatan related post pada tulisan ini didasarkan pada satu kategori (Label) dalam Blog. Jadi postingan anda yang satu topik harus anda kategorikan (Pelabelan) menjadi satu.

1. Sign ke Blogger anda
2. Klik dashboard - Template - Klik "Edit HTML"
3. Tick "Expand widget Template"
4. Cari Kode seperti ini :

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

5. Copy kode berikut, dan paste tepat dibawah kode di atas (Langkah no 4)

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='similiar'>

<!-- *****************http://wahyoku.blogspot.com*****Jan,2007******************
-->

<!-- *****************Related Articles by Labels - Take Two******************
-->







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

6. Click Save, selesai!


Note : untuk jaga - jaga dari kemungkinan error, lebih bagusnya kalo template asli anda di simpan - di download terlebih dahulu.


dari Kode di atas : anda bisa mencoba utak - atik untuk merubah angka - angka seperti dibawah ini untuk menentukan berapa link related post yang akan anda tampilkan.

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;



maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

Seperti Blog saya ini, related post hanya saya tampilkan 4 link saja.

Related Posts by Categories - Postingan Sejenis :