Cara Membuat Artikel Terkait di Bawah Posting Blog

Umumnya, pemakaian artikel terkait atau Related Post biasa ditempatkan di sidebar. Ada pula yang ditempatkan di bawah posting blog secara manual yaitu dengan menyatukannya pada posting kita, namun cara ini dinilai kurang efektif karena tidak otomatis. Bila kita salah meng-copy link bisa nyasar juga pengunjungnya. Sebelum melakukannya, backup terlebih dahulu template anda bila nanti terjadi kesalahan kita bisa menggantinya.

1.      Login ke Blogger anda.

2.       Klik Tata Letak.

3.       Klik tab Edit HTML.

4.       Klik Expand Template.

5.       Kemudian Cari kode yang seperti ini :

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

atau tekan Ctrl + F untuk pencarian cepat :

<data:post.body/>

6.      copy/paste kode di bawah ini setelah kode <data:post.body/>

<b:if cond='data:blog.pageType

== &quot;item&quot;'>

<strong>Artikel Terkait di Bawah posting</strong>

<div class='rbbox'>

<div style='margin:0;

padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>

<div id='ardi33'/>

<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;ardi33&#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>

7.      Simpan template dan lihat hasilnya.

Tags: cara membuat artikel terkait di bawah postingan blog, artikel terkait, related post