Membuat Artikel Yang Berhubungan "Related Post"




Banyak cara untuk membuat pengunjung blog betah atau jalan - jalan, nah salah satunya dengan menampilkan artikel yang berhubungan atau related Post, fungsi dari Related Article atau related post adalah untuk membuat teks link-link yang berhubungan dengan halaman yang sedang dibaca misalnya admin menulis tentang Membuat Translate Blog Dengan Bendera Negara Yang Bersangkutan Membuat Daftar Isi Pada Blogspot ,  atau Menampilkan Form Komentar Hanya Di Postingan Tertentu, semua itu admin menulis label yang sama misal tutorial maka otomatis artikel yang berhubungan dengan tutorial akan muncul ketika pengunjung membuka salah satu artikel berlabel  tutorial.

Berikut membuat artikel yang berhubungan :

  1. Login ke blogger Blogger
  2. Pilih menu Tataletak lalu pilih edit HTML
  3. Setelah itu beri tanda centang pada kotak "Expand Widgets Template".
  4. Cari kode dan  letakkan script diatas dibawahnya (agar lebih mudah pencarian  tekan Ctrl + F  lalu copykan code yang akan dicari). Untuk blog yang ada read morenya biasanya akan terdapat 2 kode, coba taruh kode dibawah yang pertama
  5. Berikut scriptnya :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>

<div class='widget-content'>
<h3><b>Artikel Yang Berhubungan :</b><br/><br/></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>


6. Simpan template

Keterangan :

Artikel Yang Berhubungan bisa di ganti dengan apa yang anda inginkan.


Selamat mencoba