Masukan Email Kamu Untuk Berlangganan Berita Terbaru Dari Blog Ini

29 Maret 2011

Cara Membuat Related Post ( Artikel Terkait)

TwitThis
Related post atau artikel terkait adalah artikel yang berada pada kategori atau label yang sama.  
Related post ini tentu akan memudahkan pengunjung dalam menemukan artikel-artikel yang berhubungan dengan artikel yang sedang dibaca di blog sobat. Selain itu, related post juga akan berpengaruh terhadap SEO.

Nah, bagi sobat yang ingin membuat related post di blogspot ikuti tutorial berikut ini.

   1. Log ini ke akun blogger Anda.
   2. Pilih menu Tata Letak (Layout) --> Edit HTML.
   3. Beri tanda centang pada tulisan Expand Widget Templates.
   4. Copy-paste script berikut 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>

Cari kode <data:post.body/>, kemudian copy-paste kode berikut di bawahnya.

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

Simpan Template.Selesai
Silakan mencoba dan semoga success!

Artikel Terkait

0 komentar:

Posting Komentar

Silahkan tinggalkan komentar sobat...

 

Pengikut

Twitter Blog Templates © Copyright by Download Software Gratis | Template by BloggerTemplates | Blog Trick at Blog-HowToTricks