Membuat Postingan terkait di Atas atau di Bawah Postingan

kali ini saya akan share bagaimana untuk membuat Related Post atau dalam bahasa Indonesianya Postingan terkait, cara ini saya dapatkan dengan jalan blogwalking ke berbagai situs blog yang menyediakan tutorial blogging.
dari setiap tutorial itu entah mereka itu pada main copas aja atau gimana, berkali-kali kode script dan aturan peletakan kodenya di template yang banyak macamnya  membuat saya jadi bingung(dan berkali-kali juga gak working)...nih yang bener yang mana sih???

berikut langkah-langkahnya sob:

1. masuk ke dashboard blogger
2. pilih template
3. pilih edit html
4. centang expand gadget
5. tekan Ctrl + F
6. pada kolom pencarian, masukkan : <data:post.body/> lalu enter
7. pada tutorial blog lain, kode nya ada dua, tapi yang milik saya sendiri ada 3, tak apa, jika ada 2 atau 3 kode script  yang sama, pilih yang ke 2, kemudian masukkan kode script berikut:


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 5;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 5;

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


1. bila sobat meletakkan kode script berwarna biru tepat di atas kode script berwarna kuning, maka related postnya akan berada di atas isi postingan blog.
2. sementara bila sobat meletakkan kode script berwarna biru tepat di bawah kode script berwarna kuning, maka related postnya akan berada di bawah isi postingan blog.
sekian sobat blogger, semoga bermanfaat.

Share this post