Postingan Kali ini Membahas tentang Cara mudah Membuat Related Post atau Artikel Terkait
di Blog. Related Post atau Artikel terkait di sini adalah Artikel
terkait berdasarkan Katagori atau Label. Karena saya sendiri
mengelompokkan Artikel-artikel yang berhubungan dalam satu Katagori.
Jadi Tutorial ini saya bagikan berdasarkan apa yang telah saya gunakan
di Blog saya sendiri. :P
 |
| Related Post |
Fungsi Artikel Terkait
sendiri sebenarnya Memudahkan para pengunjung untuk mencari Artikel
yang berhubungan dengan Artikel yang dibacanya. Tapi selain itu juga ada
Fungsi lain, yaitu Meningkatkan Pageviews Blog kita. Mungkin Bagi sobat
yang Pageviewsnya masih rendah, Saya sarankan memasang Artikel Terkait
ini. hehe.
Ok, Langsung saja cara memasangnya cukup Mudah, Silahkan simak langkah-langkahnya berikut:
1. Login ke www.blogger.com
2. Pilih Menu Rancangan, lalu pilih Edit HTML
3. Centang Expand Widget (Agar lebih aman silahkan Dowbload Script blog sobat terlebih dahulu)
4. Cari Kode berikut:
<data:post.body/>
5. Kalau sudah ketemu, silahkan letakkan kode berikut di atasnya:
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h2>Artikel Terkait</h2>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 5;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 5;
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('data2007').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>
</div>
</b:if>
6.Simpan
Caranya mudah bukan..? Selamat mencoba, Semoga Berhasil
Cukup sekian Postingan kali ini tentang Cara mudah Membuat Related Post atau Artikel Terkait di Blog, Semoga Bermanfaat.
Sumber : klik
EmoticonEmoticon