Cara Membuat RelatedPost Di Blogger

Sekarang saya atau Manz akan membahas tentang Related Post. Related Post yang di artikan menjadi artikel terkait ini sangat berguna bagi blog kamu, karena Related Post atau Artikel terkait ini sangat di sukai oleh Mbah google alias sebagian dari SEO menurut saya. Jika kamu memasang Related Post ini pasti terindeks googlenya akan sempurna. Ayo kita langsung ke TKP. Tampilannya akan seperti di bawah blog Manz ini gan
Langkah - Langkah :
1. Kamu harus Login kedalam Blog kamu Alias Blogger
2. Klik Rancangan >> Klik Edit HTML >> dan jangan lupa contreng atau centang Expand Template Widgetnya
3. Cari kode <data:post.body/> (CTRL + F), setelah kamu menemukan kode <data:post.body/> Copy kode Script dibawah ini dan Pastekan tepat di bawah kode <data:post.body/>, apabila kamu sudah memasang Read More kamu harus Pastekan kode Script di bawah ini setelah tag </b:if> Read More:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>.::Artikel Terkait::.</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
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;albri&#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>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

4. Kemudian kamu cari kode ]]></b:skin>, Copy kode CSS di bawah ini dan Pastekan tepat diatas kode ]]></b:skin>:

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);

} 

5.  Dan jangan lupa Save Templatenya

Selamat Mencoba dan Semoga Berhasil 

Kalo kamu ada yang kurang mengerti coba tanyakan lewat komentar