Cara Membuat Related Post / Artikel Terkait

Tentunya teman-teman telah mengetahui fungsi dari memasang related post/artikel terkait ini di blog anda kan? Fungsinya akan saya ulang, yaitu untuk mempermudah pembaca/pengunjung dalam membaca artikel-artikel terkait di blog anda. Kalau seperti blog ini, tidak perlu lagi memasang related post karena telah saya susun seperti daftar isi di kelompok kategori tertentu. ^^

Berikut cara membuat related post/artikel terkait di blog:
1. Login ke akun blogger anda
2. Masuk ke Rancangan --> Edit HTML
3. Download Template Lengkap untuk backup template blog anda
4. Centang Expand Widgets Template
5. Cari kode <data:post.body/>
6. Letakkan script berikut di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
 

<div class='similiar'>
<div class='widget-content'>
<h3>Related Post</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> 



Ganti yang berwarna merah dengan ( nilai 100 ) nilai angka yang sobat modif sukai. Angka seratus tersebut adalah jumlah judul yang keluar pada related post / posting terkait / artikel terkait. Ngerti kan..??

Namun, apabila anda masih gagal dengan script diatas dan tidak muncul related post di blog anda. Mohon maaf, anda masih kurang beruntung karena ada beberapa template blogger yang tdk mendukung/support dengan script diatas. Cobalah ganti template blog anda.

Selamat Mencoba,


0 komentar:

Posting Komentar