Cara Pasang Artikel Terkait Pada Blogspot

Memasang fitur artikel terkait pada blog kita merupakan salah satu cara untuk meningkatkan page view blog. Karena sebagian orang akan penasaran dengan melihat artikel yang berhubungan dengan hal yang sedang di lihat atau dibacanya. Selain dari itu blog kita juga akan terkesan kaya akan konten dimata para netter atau para blogger yang lain yang sedang melakukan blogwalking.

Artikel yang ditampilkan adalah yang memiliki label yang sama. Misalkan artikel yang sedang di tampilkan adalah tentang cara membuat blog menghasilkan uang, dengan label monetize blog. Maka artikel yang akan ditampilkan adalah yang memiliki label yang sama

Untuk dapat memasang artikel terkait atau related post, dapat dilakukan dengan cara sebagai berikut

Langsung aja gan menuju ke TKP

1.   Login ke akun blogger

2.   Klik rancangan > edit HTML > expand widget

3.   Cari tulisan seperti ini <data:post.body/>

4.   Tempatkan  script dibawah ini dan pastekan tepat dibawah <data:post.body/>

Kodenya seperti ini :

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

<H2>Related Post:</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 = 50;

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>

1.   Klik simpan template

2.   Selesai dan lihat perubahannya

tu Tulisan yang berwarna merah dapat diganti sesuai dengan keinginan kita.

sekian dulu postingan kali ini semoga bisa bermanfaat, dan selamat mencoba.

Terima kasih telah singgah di sini dan membaca artikel mengenai cara pasang artikel terkait di blog ini.