Membuat artikel berhubungan (related posts) dibawah ini sangat mudah, anda tinggal salin dan tempel kode dibawah kedalam sumber HTML blog anda maka artikel berhubungan pada setiap posting blog anda akan muncul, artikel berhubungan mengambil judul artikel yang berhubungan atau memanggil artikel tersebut berdasarkan kategori-kategori yang dimasukkan dalam posting itu sendiri jadi artikel berhubungan yang tampil masih ada sangkut pautnya dengan artikel yang sedang dibaca. nah untuk menampilkan kedalam blog anda bisa menggunakan kode dibawah ini atau kamu lebih suka dengan artikel berhubungan dengan gambar bisa masuk Kesini :
1. Login ke blogger
2. Klik Rancangan
3. Edit HTML
4. Beri tanda check pada
5. Cari kode <data:post.body/>
6. Dan letakkan kode berikut tepat dibawah kode tersebut "langkah 5"! (jika anda sudah menggunakan fitur readmore ada 2 kode <data:post.body/> jadi letakkan setelah kode yang kedua)
- Rubahlah angka seperti dibawah ini dengan angka sesukamu, ini yang akan menentukan berapa banyak artiikel berhubungan yang akan ditampilkan
var maxNumberOfLabels = 11
maxNumberOfPostsPerLabel = 11
1. Login ke blogger
2. Klik Rancangan
3. Edit HTML
4. Beri tanda check pada
5. Cari kode <data:post.body/>
6. Dan letakkan kode berikut tepat dibawah kode tersebut "langkah 5"! (jika anda sudah menggunakan fitur readmore ada 2 kode <data:post.body/> jadi letakkan setelah kode yang kedua)
<b:if cond='data:blog.pageType == "item"'>7. Simpan template anda dan lihat hasilnya
Artikel lain yang mungkin ingin anda baca!
<div class='similiar'>
<div class='widget-content'>
<div id='data2007'/><br/><br/>
<ol>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 2;
var maxNumberOfLabels = 11;
maxNumberOfPostsPerLabel = 11;
maxNumberOfLabels = 1;
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>
</ol>
</div>
</div>
</b:if>
Keterangan :
- Rubahlah teks berwarna hijau dengan sesukamu- Rubahlah angka seperti dibawah ini dengan angka sesukamu, ini yang akan menentukan berapa banyak artiikel berhubungan yang akan ditampilkan
var maxNumberOfLabels = 11
maxNumberOfPostsPerLabel = 11
Selamat mencoba!!!
semoga sukses sumber :http://u-sup.blogspot.com/2011/05/cara-mudah-membuat-artikel-berhubungan.html
Makasih gan, udah berbulan-bulan nyari ini tapi nggak ada yang work, cuma postingan agan yang jadi. Sukses untuk blog dan cita-cita nya yaa.
ReplyDeleteimronrosadi97.blogspot.com
sama-sama mudah-mudahan dapet share ilmu yang lainnya.. sukses ..
ReplyDelete