29 January 2010

Membuat Related Post (Posting Yang Berhubungan)


Agar pembaca tidak lari kemana-mana untuk mencari informasi yang berhubungan dengan postingan kita, alangkah baiknya jika kita menampilkan Posting Yang berhubungan (related post) pada bagian bawah postingan kita. Untuk membuatnya cukup mudah. Silahkan Ikuti Langkah Ini:
1. Masuk pada Dashboard Blog anda atau klik disini draft.blogger.com
2. Klick layout -> Edit HTML
3. Jangan Lupa Expand Widget
4. Temukan Kode Berikut <data:post.body/> dan letakan kode berikut diwabah <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<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>
5. Save Perubahan tersebut dan lihat Hasilnya

Selamat Mencoba

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini dan untuk berlangganan gratis via email silahkan isi kotak dibawah dengan email anda, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di dankerizer.com



Daftar di PayPal, lalu mulai terima pembayaran menggunakan kartu kredit secara instan.

4 comments:

  1. ah muncul juga kotak komennya... kemrin2 gak ada, hehehe....
    to kompi saya yang lagi eror...?hehe

    ReplyDelete
  2. Makasih mba komentarnya kemarin, kemarin saya pake Intensedebate, jadi klo kompinya ga suport Java biasanya ga terlihat. Sekarang Udah ga pake lagi....
    Nanti klo pas main ke lombok boleh minta rekomendasi tempat2 menariknya ya dan klo boleh diseduhin Teh dan sekerat Roti hehehee....
    Sukses selalu buat Secangkir Teh dan Sekerat Roti...

    ReplyDelete
  3. owh pake Intense debate..otomatis komennya ke hiden.
    yang ini related post berapabanyak bisa terlihat?
    mirip yang diatas ya? atau yang biasanya ada 4 buah aja yg ada imagenya?

    ReplyDelete
  4. @ Om Yo
    Related Post yang ini sama persis dengan yang diatas Om jumlahnya bisa diatur mas yo...
    Klo yang pake Image bisa dilihat juga disini
    http://www.dankerizer.com/2009/10/recent-posts-widget-for-blogger-with.html

    Maklum masih belajar nih om... (heheehehh) dari dulu belajar ga lulus lulus...
    Matur Nuwun Om...

    ReplyDelete

Post your comments and give feed back about this article, You can use some HTML tags, such as Bold, Italic,
Thank's For Your Comment