Skip to content

Cara Memasang Related Post / Artikel Terkait

10 Juli 2009

Cara Memasang Related Post / Artikel Terkait

Postingan Terkait dengan Label, atau bahasa Inggrisnya Related Post by Label. Awalnya dari Blogger Hack yang terkenal itu (Hectro) yang membuat widget ini, kemudian dimodifikasi lagi menjadi lebih sederhana oleh banyak orang, termasuk yang akan saya tampilkan di sini.
Widget Postingan Terkait dengan Label atau “Related Post by Label” ini memang cukup membantu para blogger meningkatkan jumlah Page View (tampilan halaman) dari blognya, karena pengunjung blog yang mendapatkan sebuah postingan dengan tema tertentu, selalu ingin informasi lebih banyak. Jika pada bagian bawah setiap postingan tersedia layanan “Related Post” atau Postingan Terkait, maka kemungkinan besar orang akan mengunjungi link postingan tersebut. Bagaimana cara memasang widget “Related Post” atau “Postingan Terkait tersebut di Blogger Beta XML..?
Berikut ini adalah tutorial singkatnya :

1. Buka account Blogger Beta Anda, lalu klik “TEMPLATE”, selanjutnya klik “EDIT HTML”

2. Klik “Expand Widget”.

3. Jangan lupa untuk menyimpan template Anda di Komputer atau File lain dengan meng-klik Download Full Template. Ini adalah prosedur standar (gold procedure) setiap kali Anda akan melakukan perubahan pada template Blogger Beta. Sewaktuwaktu, jika proses editing Template Blogger Beta Anda bermasalah, maka Anda masih bisa kembali ke Template Anda sebelumnya.

4. Cari kode <data:post.body/>

5. Copy + Paste kode Java Script dibawah ini setelah kode

<data:post.body/>
<b:if cond=’data:blog.pageType == “item”‘>
<div class=’similiar’>
<!– *****************http://astaqauliyah.com*****Nov,2007****************** –>
<!– *****************Related Articles by Labels – Take Two****************** –>
<div class=’widget-content’>
<b>Postingan Terkait Lainnya :</b>
<div id=’data2007’/><br/><br/>
<div id=’Randezvous’>
Widget by <u><a href=’http://cenderawasi-papua.blogspot.com/2009/06/cara-memasang-relatec-post-artikel.html&#8217; target=’_blank’>kokoda</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. Save dan lihat pada postingannya. Intinya setiap postingan artikel mempunyai satu nama Label sehinggal postingan tersebut dapat berkaitan.

Iklan
No comments yet

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: