Cara Membuat Related Post Di Blogspot

Posted by: rajacara on: July 29, 2011

• In: Blog | Uncategorized
• Leave a Comment

Berikut akan saya jelaskan bagaimana cara membuat Related Post pada blogspot. Fungsi related post atau posting terkait atau artikel yang berhubungan ini cukup penting, yakni pengunjung bisa dengan mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yang sedang dibaca.

Keuntungan lain adalah kita bisa ‘mempromosikan’ artikel-artikel lama. Jika halaman blog diibaratkan toko, maka related post ini adalah etalasenya.

Oke, langsung saja ke tutorialnya berikut ini:
1. Login ke blog Anda
2. Masuk menu ‘Layout/Rancangan–>Edit HTML’
3. Centang kotak ‘Expand Widgets Template’
4. Cari kode berikut ini:

<data:post.body/>

*cara mudahnya yaitu dengan menekan tombol ‘Ctrl+F’ dari keyboard Anda. Lalu ketik kode tersebut di atas.

5. Jika sudah ketemu, silakan copy kode related post di bawah ini, kemudian tempelkan/paste di bawah kode <data:post.body/>.

<b:if cond=’data:blog.pageType == “item”‘>
<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>Related Posts by Categories</h3>
<div id=’data2007’/><br/><br/>
<div id=’hoctro’>
Widget by <u><a href=’http://hoctro.blogspot.com’>Hoctro</a></u&gt; | <u><a href=’http://www.jackbook.com/&#8217; title=’Related Posts on Blogger Modified by JackBook.Com. Read More?’>Jack Book</a></u>
</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(‘ul’);
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 == ‘alternate’) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(‘li’);
var a = document.createElement(‘a’);
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 == ‘alternate’) {
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(‘b’);
h.appendChild(txt);
var div1 = document.createElement(‘div’);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(‘data2007’).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(‘script’);
script.setAttribute(‘src’, query + ‘feeds/posts/default/-/’
+ label +
‘?alt=json-in-script&amp;callback=listEntries10’);
script.setAttribute(‘type’, ‘text/javascript’);
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/Save

Lihat hasilnya. Klik salah satu postingan Anda, lihat di bawah postingan, jika ada kata Related Post berarti benar. Tapi jika masih belum ada tulisan Related Post berarti ada sesuatu yang salah, silahkan diulangi lagi sesuai langkah-langkah yang telah saya jelaskan tadi.

Selamat mencoba, semoga bermanfaat.

by Fariz Ghazzan

Tags: artikel terkait, cara, cara menggunakan related post, kode related post blogspot, related post, related post blogspot