Membuat Related Post

MEMBUAT RELATED POST

Related Post atau Artikel Terkait adalah daftar link posting yang berhubungan, dihubungkan oleh kategori atau label yang sama. Related Post sangat penting sehingga perlu di buat dibawah setiap postingan kita. Sekarang kita sudah mengetahui bagaimana pentingnya Related Post atau Artikel Terkait pada setiap postingan, maka untuk dapat menampilkan Related Post diblog ikuti langkah mudah berikut ini :

1. Login ke acount blogger anda

2. Pada dasboard, pilih layout atau tata letak --> edit html

3. Jangan lupa centang pada kotak Expand Widget Template

4. Cari kode berikut ini, ( Gunakan Ctrl + F )

          <p><data:post.body/></p> 

atau

          <data:post.body/>

5. Kemudian Copy/Paste kode berikut ini, persis dibawah kode diatas.

--------------- start-------------------------

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='similiar'>

<div class='widget-content'>

<b>Postingan Terkait Lainnya :</b>

<div id='data2007'/><br/><br/>

<div id='Randezvous'>

Widget by <u><a href='http://johan-van-erbu.blogspot.com/' target='_blank'>johan-van-erbu.blogspot.com</a></u>

</div>

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

Jika anda telah mengikuti langkah-langkah tersebut diatas dengan benar maka Related Post atau Artikel Terkait akan muncul di bawah postingan. Untuk mengetahui bagaimana hasilnya, sekarang buka salah satu halaman postingan anda.

-----