Cara Membuat Related Post Pada Blogspot

Cara membuat related post pada blogspot ini adalah, yaitu dengan cara menyisipkan kode/script tertentu yang berguna memunculkan postingan yang masih terkait atau masih berhubungan dengan postingan yang kita tulis. Sedikit mengenai related post ini dapat berfungsi membuat deep link ke arah halaman atau postingan yang lama, sehingga sedikit membantu optimasi SEO onpage blog kita. Mungkin memang sudah sangat banyak para blogger yang mengetahui cara ini, namun sekali lagi ini bukan menggurui namun hanya ingin berbagi saja dan buat menjadikan suatu pengingat saya di blog ini.
Yuk, langsung aja ke TKP...

1. Login ke blog anda

2. Masuk menu 'Rancangan-->Edit HTML'

3. Centang kotak 'Expand Widgets Template'

4. Cari kode ini <data:post.body/>

5. Letakkan script berikut ini di bawah kode <data:post.body/> tadi. Kalau ada 2 yang mirip maka cari yang paling bawah

<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 = &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. Simpan dan selesai sudah
Anda bisa mengganti tulisan 'Related Post' dengan kalimat lain misalnya 'Artikel yang berhubungan' posting terkait', 'artikel terkait', dll..

• Catatan Jika anda telah mengedit template anda sebelumnya ( menggunakan readmore /baca selenjutnya dan sebagainya) maka akan ada dua kode <data:post.body/> dan yang harus anda lakkukan adalah menempatkan kode berwarna biru diatas tepat dibawah kode <data:post.body/> yang pertama, ingat tepat dibawah kode <data:post.body/> yang pertama
• Selesai save template anda dan lihat perubahannya
• Untuk Contoh bisa lihat di blog saya  ” DISINI“