Cara Membuat Artikel Terkait

Tutorial Blogspot - Cara Membuat Artikel Terkait

Untuk membuat artikel terkait sesuai kategori di dalam blogspot Anda akan membantu visitor untuk membaca dan melihat artikel terkait lainnya yang sedang mereka baca. Di samping itu artikel terkait akan memberikan nilai navigasi tersendiri bagi Oomm Google, sehingga blogspot Anda dapat menempati posisi bagus di mata pencarian Oomm Google. Jadi kalau Anda berminat untuk membuat artikel terkait, berikut cara membuat artikel terkait dan hasilnya Anda dapat lihat langsung sendiri di blog Artikelbagus.com

1. Login ke akun blogger sobat

2. Pilih Template

3. Edit HTML Lalu cari kode berikut: </head> (gunakan Ctrl+F di keyboard ),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas 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>

4. Kemudian cari kode ini :

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>

5. Kemudian ganti kode diatas dengan kode berikut ini :

<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if> 

max-results=10 : adalah jumlah artikel terkait yang akan ditampilkan, silahkan diganti sesuai dengan kebutuhan. 

6. Simpan Template, dan lanjut ke langkah berikut ini

7. Next, masuk ke Page Element > Add a Gadget > HTML/JavaScript > lalu copy paste kode dibawah ini kedalam konten HTML/JavaScript.

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

8. Simpan dan lihatlah hasilnya. Jika berhasil akan terlihat seperti ini