Cara membuat Related Post

Posted by Unknown Sabtu, 23 Januari 2010 2 komentar
Related Post/Postingan Terkait adalah link penghubung antara label postingan yang saling berkaitan dengan judul atau tema artikel yang kita posting, hal ini cukup penting ditambahkan dibawah postingan kita, agar pengunjung blog kita dapat lebih mudah menelusuri seluruh artikel di blog kita. berikut cara membuatnya :

1. Login ke blog anda

2. Masuk menu 'Layout Edit HTML'

3. Centang kotak 'Expand Widgets Template'

4. Cari kode ini <data:post.body> atau gunakan CTRL F bagi pengguna

Mozilla Firefox untuk memudahkan pencarian.

5. Letakkan script berikut ini di bawah kode <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>

6. Simpan Template. Selesai
Anda bisa mengganti tulisan 'Related Post' dengan kalimat lain misalnya : Posting Terkait, Artikel Terkait dan lain-lain.

TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara membuat Related Post
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://rosorasa.blogspot.com/2010/01/cara-membuat-related-post_23.html. Terima kasih sudah singgah membaca artikel ini.

2 komentar:

Download Gratis mengatakan...

Saya ada 2 yang mana 1, gan ?
tapi tidak ada tanda ini (>) d akhir na tapi (/) .
Gimana ntu gan ??

http://www.masterml.co.cc/

Deden Rachman mengatakan...

Komentar ini telah dihapus oleh penulis.

Posting Komentar

Ricky Pratama's Blog support EvaFashionStore.Com - Original design by Bamz | Copyright of ROSORASA.