CARA BUAT RELATED POST DI BLOGSPOT.COM

Waktu membuat blog di blogger.com aku tertarik pada salah satu blog milik mas Tony. Dimana waktu aku membaca sebuah artikel/postingan, pada bagian akhir ada tulisan “related post by catagories”, trus dibawahnya ada beberapa hyperlink/link terkait dengan daftar dari artikel tersebut. Saya pikir ini ide yang baik bila dipasang di blog saya, langsung saja saya mencoba untuk memasang apa yang dinamakan “related Post” di blog saya, ternyata berhasil. Muncul ide untuk mengganti kata “related post by catagories”, menjadi “Artikel Terkait :” Berhasil lagi, ini adalah pengalaman saya yang pertama dalam hal mengutak-atik/modifikasi script.

Kalau temen-temen ada yang pengin tahu caranya, inilah caranya dalam hal menambah related post/artikel yang terkait dengan katagori kita.
1. Silakan login ke http://draft.blogger.com/

          2. Kemudian buka/tekan layout/tata letak
          3. Selanjutnya pilih Edit HTML
          4. Beri tanda centang/contreng pada Expand Widget Templates
          5. Cari kode yang ada dibawah ini, kalau kesulitan coba cari dengan menekan CTRL + F

           <data:post.body/>

          Atau kalau tidak ada cari yang seperti ini :

           <p><data:post.body/><p>

          6. Kemudian copy kode dibawah ini dan paste di bawah Kode yang diatas.

<b:if cond='data:blog.pageType == "item"'>
<H2>Artikel Terkait:</H2>
<DIV class='rbbox'>
<DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<DIV id='albri'/>
<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('albri').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>
<script type="text/javascript">RelPost();</script>
</DIV>
</b:if>