Blog Archive

Cara membuat Artikel terkait atau Related post

Artikel terkait atau related post, mungkin dengan adanya artikel terkait ini, akan memudahkan pembaca untuk melihat artikel lain dengan artikel yang sedang dibaca, jadi pengunjung tidak susah-susah untuk mencari srtikel yang berhubungan, dalam membuat artikel terkait ini, kita akan sedikit memodifikasi kode HTML template kita. untuk jaga-jaga jika sobat salah meletakkan kode HTNL nya, saya sarankan untuk membackup template sobat terlebih dahulu.
Buat sobat yang belum mengerti tentang 'artikel terkait' akan saya beri sedikit gambaran, kurang lebihnya seperti ini, dalam setiap postingan tentunya kita akan mengelompokkan postingan kita dalam beberapa kelompok atau label (kategori).

Artikel terkait itu biasanya dipakai para blogger berada dalam postingan yang di kategorikan, dan umumnya diletakkan di bagian bawah postingan.

Bagi sobat yang ingin menggunakan artikel terkait ini, ikuti langkah dibawah :
  1. Login ke Blogger.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.
  4. Kemudian klik Expand Template Widgets .
  5. Cari kode yang seperti ini :
    <p><data:post.body/></p>
    Atau kode seperti dibawah ini :
    <data:post.body/>
   6. Kemudian letakkan script dibawah setelah kode <data:post.body/>




<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 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 7;

maxNumberOfPostsPerLabel = 7;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";

var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

Kemudian Save Template. selamat mencoba.....
 

2 Comment:

Dondon said...

thx atas sharingnya gan..

Trikblogger.com said...

Ok .. sama sama gan :)

Post a Comment