Latest Stories

Maksud dari artikel yang berhubungan atau related post adalah artikel yang berlabel sama. Contoh jika anda punya beberapa artikel dan berlabel tutorial blog, maka di artikel yang berhubungan tadi yang muncul adalah artikel-artikel yang berlabel tutorial blog. Uda tau belum?? .
Fungsi artikel berhubungan atau related post adalah untuk menarik pengunjung unruk membuka artikel yang berlabel sama dalam blog kita. Jadi ini menurutku perlu banget donk, kan kita tidak mau pengunjung yang hanya membuka halaman depan blog kita dan langsung pergi begitu saja. hehe.
Artikel yang berhubungan ini akan bertempat di bawah postingan kita, dan hanya akan memuat artikel yang berlabel sama saja. Okelah kalau begitu kita langsung menuju TKP .

  • Masuk ke account blogger anda.
  • Pilih tata letak dan edit HTML.
  • Centang expand widget template.
  • Copykan Kode dibawah ini dibawah kode <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>
  • Kode yang berwarna merah diatas yaitu Related posts by categories dapat anda ganti sesuka anda. hehe.
  • Simpan dan selesailah sudah.
 Semoga bermanfaat.

Membuat Artikel yang Berhubungan

Categories:

2 Responses so far.

  1. Rachmat says:

    Terimakasih banyak informasinya, sangat membantu mengembangkan web saya

    sudah saya praktekan, hasilnya mantab Bro

    thanks a lot

  2. Abu Nada says:

    Terima kasih... akan dipraktekkan di Blog saya :-)

Leave a Reply

You Comment i follow .. Silahkan isi komentar ^_^