Cara Menampilkan Artikel Terkait

Untuk mempermudah pegunjung web atau blog diperlukan daftar artikel terkait pada setiap akhir postingan. Tampilan artikel terkait atau Related Post dalam sebuah blog atau web akan membantu meningkatkan jumlah halaman yang dikunjungi. Jika pengunjung selesai membaca sebuah halaman, ia akan dibawa untuk melihat halaman lain yang terkait, karena artikel terkait akan dikelompokkan berdasarkan label yang anda buat pada setiap posting.

Keuntungan lain dengan pemasangan artikel terkait atau disebut juga post yang berkaitan tentu saja akan mempermudah pengunjung blog kita untuk menemukan artikel terkait tanpa harus menuju dan membuka satu persatu halaman dalam sebuah web atau blog.
Berikut cara yang paling mudah dalam membuat artikel terkait :

• login ke Blogger

• Lalu pilih Tata Letak-->Edit HTML

• Selanjutnya Expand Widgets Template template kita

• Cari kode berikut ini (pakai bantuan Ctrl + F supaya lebih cepat)
  

<em><data:post.body/></em> atau <p><data:post.body/></p>
Jika blog anda sudah menggunakan Read More maka untuk blog anda akan terdapat 2 kode tersebut, pilihlah kode yang pertama.

• Kalau sudah ketemu, copy script berikut ini dan paste di bawahnya kode diatas

<em><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 = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 1;


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></em>


Kata "Artikel Terkait" dapat anda ganti dengan kata yang anda inginkan.
Tulisan yang berwarna merah menunjukkan jumlah label yang akan ditampilkan, anda bisa menggantinya sesuai keinginan anda.
Tulisan yag berwarna biru menunjukkan jumlah posting yang akan ditampilkan, anda bisa mengantinya sesuai keinginan anda.

• Jika anda sudah melakukan seluruh langkah tersebut anda tinggal Save dan sekarang coba anda lihat hasilnya.
• Selamat mencoba, Happy Blogging
  

ARTKEL TERKAIT