Minggu, 29 April 2012

Membuat Artikel Terkait di Blog

Biasanya artikel terkait terletak di bawah postingan, misal kita membaca artikel tutorial blog, maka akan muncul di bawah posting tersebut, dengan label tutorial blog. Artikel terkait sangat bermanfaat karena membantu pengunjung untuk membaca artikel yang lain yang belum di baca, dan betah berlama-lama berkunjung di blog kita.   

Berikut cara membuat artikel terkait :
Masuk blogger ---> template ---> edit html ---> centang expand template widgetcari kode </head> kemudian letakkan script di bawah ini tepat di atas kode </head> 


<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> 


Kemudian cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/> 


<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&amp;callback=related_results_labels&amp;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> 


Selanjutnya Simpan Template, semoga artikel ini bermanfaat bagi sobat blogger semua.

Tidak ada komentar:

Posting Komentar