Membuat Related Post

Hari ini saya akan membahas cara membuat Related Post. Kalau tidak salah (Berarti Benar....) dalam bahasa Indonesianya Post Berkaitan. Membuat Related Post juga (katanya... Guru-guru besar Webmaster) adalah teknik SEO juga.

Related Post ini dibuat untuk memberikan link halaman terkait dengan halaman yang sedang dibaca pengunjung. Nanti jika pengunjung membuka salah satu halaman posting maka akan tampil halaman-halaman yang memiliki kesamaan label. Secara tekstual memiliki inti pembahasan yang sama. Jika pengunjung merasa kurang atau tertarik dengan postingan kita yang lainnya.

Berkaitan dengan SEO, sebenarnya ini tergantung dari artikel juga seh... kalu menarik itu bisa dijadikan sarana promosi, tapi kalau postingan biasa aja (Kayak web ini) ya sama aja lah...

Oke kita mulai aja...

Biasa... Login ke blogger

Layout ==> Edit HTML

Centang kotak Expand Widget Template

Cari kode ini <data:post.body/>

Taruh script ini tepat dibawanya

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

Klik Simpan.

Selesai..... Semoga membantu aja.....