Cara Membuat Related Post Di Blog

Cara Membuat Related Post Di Blog or Membuat Related Post or Membuat Related Post Di Blogspot or Membuat Related Post Blogger or Membuat Related Post Di Blogger. Berikut Tips Trik Blogger dari bosimam tentang Bagaimana Cara Pasang Related Post Artikel Terkait Di Blog.

Menyambung artikel saya sebelumnya tentang Cara Menampilkan Update Posting Blog Kita Di Facebook
Anda Tahukan Apa itu Related Post atau Artikel Terkait. Kalo Gak Tahu ?? Hari gini gak tahu artikel terkait atau related post. ini saya kasih contohnya :

Tutorial Related Post Di Blog Versi Satu :
1. Login Blogger
2. Pilih Template
3. Pilih Edit Html
4. Pilih Lanjutkan
5. Centang Expand Template Widget
6. Cari Kode <data:post.body/> (Lebih Mudah Dengan Cara Ctrl+F Dan Pastekan Kode)
7. Copy Code Di Bawah ini tepat dibawah code <data:post.body/> .

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

8. Simpan TemplateTutorial Original By Imam Asseyka Zega

Sekedar tambahan jika blog kamu sudah pernah kamu edit dan kamu kasih readmore atau baca selengkapnya, pasti ada dua code seperti ini <data:post.body/> dan kamu harus mencari code script ini <data:post.body/> tadi yang pertama dari atas dan paste kan tepat di bawahnya. Dan jangan lupa anda tekan tombol save template.

Baca tulisan saya selanjutnya tentang Cara Membuat Recent / Related Post Jquery

Mudah kan? Ingat bahwa setiap kamu memposting harus di kasih label, biar related postnya muncul

Baiklah saya Rasa Cukup Sekian Tutorial Related Post saya tentang Bagaimana Cara buat Related Post Di Blog. Semoga sukses!!