Cara Membuat Related Post (Artikel Terkait)

Artikel Terkait atau biasa disebut related post sangatlah berguna untuk menghubungkan satu artikel dengan artikel lainnya yang berhubungan. Contohnya adalah jika kita masuk ke dalam artikel cara menghilangkan navbar blog (sudah tidak berlaku saat ini karena blogger sudah mempermudah segalanya) dan jika kamu sudah membacanya sampai bawah kamu akan disuguhkan link2 ke artikel2 tutorial blog lainnya. Lalu bagaimana caranya? Ini dia caranya:


1. Seperti biasa, ke blogger

2. Ke rancangan > edit HTML

3. Centang expand template widget

4. Lalu copy kode di bawah ini

<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>
5. Lalu paste di atas kode </head> (ctrl+F untuk mencari)

6. Jika sudah copy kode di bawah ini

<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>
7. Letakan kode tersebut di bawah kode <data:post.body/> (ctrl+F untuk mencari)

Sekian posting dari saya. Jika ada pertanyaan atau kode error bisa laporkan kepada saya melalui komentar di bawah ini. Trimakasih. Salam Blogger

0 komentar: