Cara Membuat Realated Post / Artikel Terkait Otomatis
Sore-sore gini enaknya share ilmu lagi, pastinya seputar tentang blog karena saya sendiri lagi belajar bikin blog. Pada artikel kali ini saya akan menjelaskan bagaimana cara membuat Artikel Terkait atau Realated Post yang biasanya berada di bawah. lihat screnshut
Apasih gunanya ?. yang jelas bukan buat beli rokok, wkwkwkwk, :D ,.. gunanya supaya para pembaca yang sedang berkunjung ke blog kita dapat melihat artikel lainnya yang berhubungan dengan artikel yang sedang mereka baca, biar bisa berlama2 di blog kita gitu... dan denger-denger sih dari blog tetangga juga untuk meningkatkan SEO,. pokoknya mantep lah..
Sebenernya bisa juga membuatnya manual, yaitu menulis daftar artikel yang terkait di bawah post setiap setelah menulis artikel, tapi rasanya sangat tidak efektif kalo harus terus-terusan menulis artikel terkait, kita kan suka yang gampang, yang serba otomatis gitu, iyoi gak?, . hehehehe :D
Sekarang mulai serius. yang harus kita lakukan adalah :
- silahkan masuk ke blog sobat masing-masing.
- kemudian masuk pada template -> edit HTML
- jangan lupa centang expand template widget.
- cari kode </head> kemudian pastekan kode berikut diatas kode </head> tersebut
<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>
- setelah itu cari lagi kode <data:post.body/> dan kemudian letakan kode berikut di bawah kode <data:post.body/> tersebut
Sebenernya bisa juga membuatnya manual, yaitu menulis daftar artikel yang terkait di bawah post setiap setelah menulis artikel, tapi rasanya sangat tidak efektif kalo harus terus-terusan menulis artikel terkait, kita kan suka yang gampang, yang serba otomatis gitu, iyoi gak?, . hehehehe :D
Sekarang mulai serius. yang harus kita lakukan adalah :
- silahkan masuk ke blog sobat masing-masing.
- kemudian masuk pada template -> edit HTML
- jangan lupa centang expand template widget.
- cari kode </head> kemudian pastekan kode berikut diatas kode </head> tersebut
<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>
- setelah itu cari lagi kode <data:post.body/> dan kemudian letakan kode berikut di bawah kode <data:post.body/> tersebut
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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>
</b:if>
<b:loop values='data:post.labels' var='label'>
<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>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
- jika kode <data:post.body/> ada lebih dari 1 maka usahakan ditaruh setelah kode paling atas, jika gagal maka taruh pada yang paling bawah..
Cukup sekian saja artikel kali ini, jika masih ada yang kurang jelas silahkan isikan komentar di bawah,. dan sesungguhnya blogger yang baik adalah siapa saja yang mau meninggalkan jejaknya dengan menulis komentar.. :D .,,
By 
By 
By 
By 
By 
