English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Wednesday, March 2, 2011

, » Membuat Daftar "Related Post" Di Bawah Posting

Membuat Daftar "Related Post" Di Bawah Posting

| Wednesday, March 2, 2011 | 1 comments

Jika anda tengok setiap posting saya, di bawahnya pasti terdapat daftar posting yang berhubungan dikelompokkan berdasarkan kategorinya. Itu berfungsi untuk mempermudah para pembaca sekalian yang ingin melihat posting - posting saya yang lain dengan kategori yang sama.

Untuk membuatnya, cukup mudah kok. Simak saja baik - baik penjelasan saya di bawah ini.

Seperti biasa, saran saya sebelum anda memulai tweaking script blog anda, tidak ada salahnya untuk mem-backup template blog anda untuk menghindari kesalahan dan hal - hal yang tidak kita inginkan.
Sudah siap?? Here we go, begini ceritanya....

Dari penuturan sang empunya bloggeruniversity (Annie), langkah - langkahnya adalah sebagai berikut :
Langkah 1: Mari menuju Dashboard | Layout | Edit HTML kemudian beri tanda cawang pada expand widget template, lalu cari kode berikut ini

<data:post.body/>

Langkah 2: Copy-kan kode di bawah ini setelah kode yang baru saja anda cari seperti yang telah disebutkan pada langkan diatas
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<!-- ***http://hoctro.blogspot.com***Jan,2007**** -->
<!-- ***Related Articles by Labels - Take Two*** -->

<!--
Modified by JackBook.Com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->

<div class='widget-content'>
<h3>Baca Juga Posting Ini</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
</div>
<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>



Jangan lupa save pekerjaan anda, tuntas sudah. Silakan lihat sendiri hasilnya.
Catatan : jika menemui kesulitan, kritik, atau saran, silakan tinggalkan komentar anda pada kotak komentar yang tersedia di bawah ini.



Artikel Terkait Lainnya



Digg Technorati del.icio.us Stumbleupon Reddit Blinklist Furl Spurl Yahoo Simpy

1 comments:

.: NEWRULE :. said...

Blogku sudah pake ini juga kok....

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Post a Comment

Silakan Berkomentar Di Sini Dengan Syarat :
1. Komentar anda tidak menyinggung SARA
2. Berikan komentar yang membangun, bukan yang semena-mena
3. Tersenyumlah sambil mengetikkan 'comment'


Bagi yang hanya sekedar 'blogwalking' di sini, silakan tinggalkan keterangan web title dan URL anda.

Hormat Saya,
Arifin

 

Recent Post

Random Post

Send Free SMS

© Copyright 2011. bqychodtz.blogspot.com . All rights reserved | bqychodtz.blogspot.com is proudly powered by Blogger.com | Special Thanks To o-om.com - zoomtemplate.com