7.29.2009

 Membuat artikel terkait di Blogspot

Related post Setelah beberapa hari ini saya membaca beberapa postingannya temen-temen bloger yang sudah pada jagoan akhirnya bisa juga saya membuat related posts  atau artikel terkait di blog ini, dengan membuat artikel terkait ini akan memudahkan pengunjung untuk bisa melihat lagi postingan lain yang saling mempunyai hubungan dengan posting yang baru saja dibaca. Contohnya seperti blog saya ini , setiap kali Anda membuka salah satu postingngan maka di bawahnya akan selalu tampil secara otomatis Related Post atau Artikel yang Berhubungan sesuai dengan kategori post, untuk dapat membuatnya ikuti cara-cara seperti ini:

Nb. Sebelum melakukan perubahan ada baiknya save dulu tempelate aslinya, supaya kalau ada kegagalan bisa dengan mudah untuk mengembalikanya .

Berikut cara membuatnya:
1. Masuk ke dashbord Blogger
2. Pilih menu Layout kemudian pilih Edit HTML
3. Aktifkan tombol atau beri tanda centang pada kotak Expand Widgets Template
4. Kemudian copy kode html yang ada di bawah artikel ini.
5. Cari kode berikut ini dan letakkan kodenya tadi dibawahnya

<data:post.body/>

7. Jangan lupa klik tombol Save untuk menyimpan perubahan. Selesai sekarang buka blog Anda dan lihat hasilnya

Untuk blog yang memakai Readmore.. biasanya ada dua buah kode:

<data:post.body/>, maka pasangkan  dibawah kode yang pertama

Copykan kode html ini:

<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/>
<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>

Selamat mencoba.........

Related Posts by Categories