fanari-id | official blog

related entries/post ato artikel yg berhubungan biasanya sering kita lihat di blog, terutama blog yg gunain engine wp. gimana dengan pengguna blogger?? nah, kita pun bisa membikin layaknya wp denga sedikit modifikasi template blogspot, seperti yg sy pake di blog ini. di bawah ini ada tutorial singkat bikin daftar link post yg terkait dengan artikel lain dalam label tertentu. oh ya, buat sekedar perhatian, kode2 html yg sy berikan di bawah ini mungkin beda dengan kode2 dalam template kamu. cari aja kode2 yg susunannya mirip kode2 di bawah ini. please be flexible!

1. backup template kamu
   
2. temukan kode ini:
   

   <data:post.body/>

   
   
3. tambahkan kode ini di bawahnya:
   
   

   <div class='clear-block;'/><b:if cond='data:blog.pageType == "item"'>
   
   <div class="similiar">
   
   <div class=’widget-content’>
   
   <h3>Related Posts by Categories</h3>
   
   <div id=’data2007′/><br/><br/>
   
   <div id=’hoctro’>
   
   Widget by <u><a href=’http://hoctro.blogspot.com’>Hoctro</a></u> | <u><a href=’http://fanari-id.blogspot.com/’ title=’Related Posts on Blogger’>Fanari-Id</a>
   
   </u></div>
   
   <script type=”text/javascript”>
   
   var homeUrl3 = “<data:blog.homepageUrl/>”;
   
   var maxNumberOfPostsPerLabel = 4;
   
   var maxNumberOfLabels = 10;
   
   <b:if cond=’data:blog.pageType == “item”‘>
   
   maxNumberOfPostsPerLabel = 100;
   
   </b:if>
   
   <b:if cond=’data:blog.pageType == “item”‘>
   
   maxNumberOfLabels = 3;
   
   </b:if>
   
   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>

   
   
4. simpan template, refresh blogmu, enjoy!