Cara Membuat Related Post Pada Blog

Cara Membuat Related Post Pada Blog
Berikut ini adalah tutorial untuk membuat/memasang “Related Post” di dalam posting Blogger / Blogspot yang saya peroleh dari blog tetang.
Langsung saja :

1. Login ke Dashboard Blogger. Masuk ke Design > Edit HTML.
2. Backup dulu template dengan klik Download Full Template.
3. Centang kotak Expand Widget Templates.
4. Cari kode berikut:

<data:post.body>

5. Masukkan kode berikut tepat di bawahnya:

<b:if cond='data:blog.pageType == "item"'>

<h3>Related Posts by Categories</h3>

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('whatever').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>

</script>

</div>

</b:if>

6. Save Template. Selesai.
Related Post ini akan muncul berdasar kategori, jadi artikel-artikel yang muncul adalah yang berada pada kategori/label yang sama dengan artikel yang sedang dibuka. Tampilannya adalah dalam bentuk teks. Kalau anda ingin tampilan yang berbentuk thumbnail, dapat mencoba script yang disediakan oleh LinkWithin. Widget dari LinkWithin tersedia untuk Blogger dan WordPress, serta sangat cocok untuk blog yang mempunyai banyak gambar, seperti blog Sexy Actress.
Demikianlah tutorial untuk memasang “Related Post” di dalam postungan Blogger / Blogspot. Semoga berguna.

Motivasi

Blog

Aplikasi

Chating

Dowload

Tampilan

Bisnis Online

Pay Pal

AlertPay

Windows

Windows XP

Windows 7

Windows 8

Windows 9

Budaya

Seni

Tradisi

Wayang

4

Tips-Trik

SEO

Bocah Mbelis

Sebelumnya Baca Juga Tulisan Bocah Mbelis Yang Ini :

Yang Banyak Di Baca Pada Blog Bocah Mbelis Ini :