Cara Membuat Artikel Terkait / Artikel Berhubungan / Related Post di Blogspot
Related post atau artikel terkait atau artikel berhubungan atau apapun apalh istilahnya merupakan daftar judul artikel yang berhubungan dan dihubungkan oleh kategori atau label yang sama. Related post ini bukan hanya sebagai "pajangan" saja, melainkan hal yang BERMANFAAT. Related post dapat meningkatkan page views karena seorang pengunjung juga disuguhkan judul postingan yang lain. Selain itu, related post juga bermanfaat apabila ada beberapa posting lama yang belum terindeks oleh mesin pencari. So, caranya? Berikut adalah langkah-langkahnya :
1. Pastikan kamu sudah log in pada dashbor blog anda
2. Klik edit layout / tata letak - klik edit html
3. Beri tanda centang pada Expand widget Template
4. Demi keamanan, sebaiknya anda membackup template yang dulu dengan mengklik Download Full Template
5. Setelah "keamanan" terjamin, cari kode seperti di bawah ini
<p><data:post.body/></p>
6. Sudah ketemu? ya. Kemudian copy paste kode berikut dan letakan dibawah kode tadi yang anda cari
<b:if cond='data:blog.pageType == "item"'>
<H2>Artikel Terkait:</H2>
<DIV class='rbbox'>
<DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<DIV id='albri'/>
<SCRIPT type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < 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 < 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<20; k++) label = label.replace("%20", " ");
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('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</SCRIPT>
</DIV>
<script type=”text/javascript”>RelPost();</script>
</DIV>
</b:if>
7. Simpan template.
8. Lihat hasilnya
Sukses ? Semoga...
0 komentar:
Posting Komentar