Kriwul Blog

blog, wordpress, template, blogger, tips trik, internet, bisnis online, blogger, blogspot,tutorial blog, teknologi, news, free download, free download template.

Cara membuat Posting Terkait "Related Post" di bawah postingan

Tuesday, July 14, 2009


Di kesempatan kali ini saya akan membahas tentang bagaimana cara membuat Posting terkait atau related post atau posting yang berhubungan di bawah postingan. Jadi posting yang terkait akan muncul di bawah postingan kita berdasarkan label yang kita maksukkan pada saat kita posting.

Saya harap sebelum melakukan langkah berikut, harap back up dulu ya, ya jaga-jaga kalau nanti ada kesalahan, baik langsung aja:

Masuk menu Tata letak kemudian Edit HTML, jangan lupa Centang kotak 'Expand Widgets Template'

kemudian cari kode ini <data:post.body/> dan letakkan di bawah kode berikut:

Ini script nya, gak terlalu panjang kok.
Tulisan Baca Juga kategori yang sama di bawah ini...!!! yang saya beri warna biru bisa anda ganti sesuka hati.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>

<div class='widget-content'>
<h3 style='color: rgb(204, 0, 0);'> <blink>Baca Juga kategori yang sama di bawah ini...!!!</blink></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>


Kalau sudah benar-benar yakin, langsung di simpan.
untuk melihat hasilnya, apakah sudah benar atau belum langsung aja bukak salah satu potinganmu, klo sudah muncul di bawah berarti sukses.
Gampang kan, Selamat Mencoba..

0 comments:

Post a Comment