วิธีทำ Relate Post หรือ เรื่องอื่นๆที่ใกล้เคียง ใน Blogger in Blog

       การทำ Relate Post คือการใส่ Link ในระหว่างเว็บนั้น มีผลทาง SEO นะครับ ไม่เชื่ออย่าลบลู่ ดูอย่าง บล๊อกของผมนี่สิ เขียนไปแค่ 20 กว่า บทความ แต่พี่กูเกิ้ล มัน อินเด็กไปให้ ตั้ง 66 มันมาจากไหนเยอะแยะละครับ ตอบได้เลยครับ มันก็ไต่ๆ ไปตาม Relate Post นี่แหละครับ เพราะว่า Bot มันชอบมากๆ หากเจอลิงค์ ที่ใกล้ๆ กัน มันก็จะใต่ไปเรื่อยๆน่ะครับ มาลองทำกันเลยนะครับ
1.Log In เข้าไปที่ Blogspot จากนั้นคลิ๊กที่ รูปแบบ -->แก้ไข Html จากนั้น Back Up ไฟล์ ของท่านไว้ก่อน เผื่อมีปัญหาตามมาทีหลังนะครับ จากนั้นคลิ๊กที่ ขยายแม่แบบ ดังภาพ

2.จากนั้น ก๊อปปี้ Javascript ข้างล่างนี้ ไปวางในก่อนจบแทค </ Head>

<!-- Start Code Relate Post -->
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

3.จากนั้นมองหา code ข้างล่างนี้

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

4.จากนั้น แทนที่ด้วย code ดังข้างล่างนี้(***ข้อสังเกต ที่เพิ่มไปคือตัวหนังสือสีแดงหนาๆ)

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><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&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

5.จากนั้น คลิ๊กบันทึก Template แล้วกลับไปที่หน้า องค์ประกอบของหน้า แล้วทำการเพิ่ม องค์ประกอบของหน้า (add page Element) จากนั้น คลิ๊กเลือกแทบ Html /Javascript แล้วใส่ code ข้างล่างนี้ลงไป

6. แล้วนำ แทบจาวาสคิปส์ดังกล่าว มาวางไว้ที่ ด้านล่างของ blogpost ดังภาพ

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

7.จากนั้นกลับมาที่หน้า แก้ไข Html อึกครั้ง แล้วคลิ๊ก ที่ขยายแม่แบบ จากนั้นค้นหา tag ที่ได้ add ลงไปเมื่อกี้คือ <b:widget id='HTML1' locked='false' title='Relate Post' type='HTML'> จากนั้นเพิ่ม code ตัวหนา ลงไป หรือ กอปปี้ code ดังกล่างข้างล่างนี้ไปแทนทีเลยก็ได้ แต่เปลี่ยน id html1 ให้เป็นของเพื่อนๆด้วย

<b:widget id='HTML1' locked='false' title='Relate Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

8.จากนั้น กด บันทึก template หรือ save ลอง preview ดูที่ blog ของเพื่อนๆ ในหน้าแรกมันจะยังไม่โชว์ Relate Post มันจะโชว์ ที่หน้าบทความในแต่ละ Post

ลองทำดูครับ ช่วยเพิ่ม index ได้พอสมควรนะครับ