Cara setting Related Post/Link Posting di Blogger

Hallo rekan-rekan Blogger semua, bagi anda yang sering mengunjungi blog dan membaca salah satu postingan yang ada dalam suatu web atau blog sering kali di bagian akhir tulisan dari postingan tersebut terdapat link yang disebut Related Post, di mana link tersebut masih satu topik dengan postingan yang sedang dibaca.

Tentunya dengan link Related post tersebut, anda menginginkan topik lainnya yang mempunyai kesamaan dengan pokok bahasan artikel yang sedang dibaca, dan anda akan tergoda untuk membaca postingan yang lainnya. Nah hal inilah yang membuat pembaca setia anda akan lebih betah berlama - lama di blog atau web anda.

Sebelumnya, saya informasikan bahwa pembuatan related post pada tulisan ini didasarkan pada satu Kategori/Label didalam Blog.

Jadi postingan anda yang satu topik harus anda kategorikan menjadi satu.

Oke Berikut ini langkah-langkah pembuatan Related Post :

1. Sign ke Blogger anda

2. Klik Layout lalu Klik Edit HTML

3. Tandai atau tick Expand widget Template

4. Lalu anda cari Kode ini :

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

5. Copy kode dibawah ini, dan paste tepat dibawah kode di atas

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


<div class='similiar'>


<!-- *****************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. Bila sudah, Klik Save Template

Untuk mengantisipasi kemungkinan error, alangkah baiknya kalau template asli anda di simpan terlebih dahulu.

Anda bisa merubah atau mengutak-atik angka - angka seperti dibawah ini untuk menentukan berapa link related post yang ingin anda tampilkan.

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

Oke sampai disini dulu pembahasannya, semoga berguna bagi anda semua dan seperti biasa, bila ada yang mau ditanyakan, bisa melalui kolom komentar.

Terimakasih.