Dynamic For Post

Related Posts, Tulisan Terkait, Artikel Terkait, atau Posting Terkait termasuk kategori "User Friendly" dalam sebuah blog.

Fungsi Related Posts adalah sebagai internal link sekaligus navigasi blog. Daftar artikel terkait ini juga memberikan pilihan kepada pengunjung, sekaligus "menggoda" mereka berlama-lama browsing di blog kita. Ini akan menaikkan Page View!

Cara Membuat Related Post/Tulisan Terkait di Blogspot sangat mudah dan banyak pilihan yang di-share oleh para blogger Indonesia dan mancanegara.

Cara Membuat Related Post/Tulisan Terkait di Blogspot yaitu dengan memasukkan kode tertentu ke Template Blog kita. Setidaknya ada 3 cara. Pilih salah satu cara di bawah ini.

CARA #1 Membuat Related Post/Tulisan Terkait di Blogspot

1. Klik "Template" --> Klik "Edit HTML"

2. Temukan kode <data:post.body/>

3. Simpan kode di berikut ini di bawah <data:post.body/> (Kalau ada dua, biasanya yang kedua. Jika <data:post.body/> lebih dari dua, maka coba yang kedua dan ketiga. Pasti salah satunya berhasil!)

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

<h3>Related Post</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('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>

</script>

</div>

</b:if>

CARA #2 Membuat Related Post/Tulisan Terkait di Blogspot

1. Klik "Template" --> "Edit HTML"

2. Temukan kode </head>

3. Simpan kode berikut ini di atas atau sebelum kode </head>

4. Sekarang temukan <data:post.body/>

5. Simpan kode berikut ini di bawah <data:post.body/> tadi

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

<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>

</script>

</div></b:if>

6. SAVE!

CARA #3 Membuat Related Post/Tulisan Terkait di Blogspot

1. Klik "Template" --> "Edit HTML"

2. Temukan kode </head>

3. Simpan kode berikut ini di atas atau sebelum kode </head>

4. Sekarang temukan <data:post.body/>

5. Simpan kode berikut ini di bawah <data:post.body/> tadi

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

6. SAVE!

Good Luck!

Rian SEO

Blogger yang senang mempelajari hal-hal baru seputar Blog, SEO dan Bisnis Online.

Welcome to MySide

Cara Membuat Related Post/Tulisan Terkait di Blogspot

CARA #1 Membuat Related Post/Tulisan Terkait di Blogspot

CARA #2 Membuat Related Post/Tulisan Terkait di Blogspot

CARA #3 Membuat Related Post/Tulisan Terkait di Blogspot