Cara Membuat Artikel Terkait

Setelah beberapa waktu tidak memposting tentang tutorial blog, sekarang SP mau memberikan sedikit tips tentang Cara Membuat Artikel Terkait. Agar proses pembuatan berjalan mulus diperlukan ketelitian yang matang. Tanpa banyak ba bi bu lagi, berikut langkah-langkahnya :

1. Login ke Blogger

2. Pilih Template >> Edit HTML

3. Backup Template (untuk mencegah kesalahan)

4. Cari kode </head>

5. Letakkan kode dibawah ini 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>

6. Selanjutnya cari kode <data:post.body/>

7. Masukan kode dibawah ini tepat dibawah 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>

Keterangan.
Biasanya disini sering terjadi kesalahan, karena  <data:post.body/> terkadang jumlahnya lebih dari satu (tergantung template). Jika <data:post.body/> ada 4. maka kode diletakkan dibawah <data:post.body/> yang ke 3, tapi jika ada 2 maka kode diletakkan dibawah <data:post.body/> yang ke 2

8. Simpan.

Itulah sedikit tips dari SP tentang Cara Membuat Artikel Terkait, semoga bisa membantu dan bermanfaat. Terimakasih atas kunjungannya.