Menampilkan 'Artikel Terkait' pada Blogger

Tab Menu cantik dengan JQuery

Tips memasang google translator

Nasib blog-blog yang tercampakkan..

Menampilkan 'Artikel Terkait' pada Blogger

Diposting oleh Mizan 11/15/2009

Selama ini kendala yang sering dialami oleh blog adalah kurangnya keefisienan akses tautan pada artikel dalam sebuah blog. Para bloger biasanya lebih mengandalkan widget 'Label' atau 'Arsip' untuk membuat daftar blognya.

Salah satu alternatif lain untuk menunjukkan artikel pada suatu blog adalah dengan menambahkan 'Artikel Terkait' di bawah tulisan artikel. Tampilan 'Artikel Terkait' sangat sederhana, yaitu hanya berupa daftar judul postingan pada blog yang memiliki Tag/Label yang sama dengan artikel yang sedang dibaca, oleh karena itu, jangan lupa untuk memberikan label yang tepat pada setiap artikel yang dibuat..

Untuk membuatnya sendiri tidak terlalu sulit. Caranya dengan masuk pada menu 'Edit HTML' di layout (tata letak) dan cari code yang bertulistkan <data:post.body/> (jangan lupa untuk mencentang Expand "Widget Template"). Pada beberapa template code <data:post.body/> terdapat lebih dari satu, jadi jangan lupa untuk memilih code tersebut yang diapit oleh code <div class='....'> dan code </div>. Setelah itu, masukkan script berikut:

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<br/>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
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>

Judul "Artikel Terkait" dapat diubah sesuka hati. Setelah itu save/simpan editan, dan lihat hasilnya pada tiap bagian bawah artikel blog.

KEMBALI KE ATAS