Pada kesempatan kali ini saya akan memberikan tutorial cara membuat artikel terkait di blog. Okey sebelumnya apa fungsi dari artikel terkait ? jadi fungsi artikel terkait adalah untuk menampilkan beberapa judul artikel lain yang masih berkaitan dengan artikel yang sedang dibaca oleh pengunjung blog. Arikel terkait juga berguna untuk meningkatkan pageview pada blog kita. Nah sekarang udah pada tau kan apa itu fungsi artikel terkait, oke langsung saja kita mulai cara membuatnya.
Berikut langkah-langkahnya :
1. Login ke bloger
2. klik menu template, lalu klik edit html
3. carilah kode </head> dengan menggunakan CTRL+F
4. jika sudah ketemu masukan kode dibawah ini 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>
5. Setelah itu cari kode <data:post.body/> dengan menggunakan CTRL+F
6. Jika sudah ketemu masukan kode dibawah ini tepat dibawah <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&callback=related_results_labels&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. Lalu simpan template dan lihat perubahannya
Note:
- Kode <data:post.body/> mungkin anda akan temukan banyak, pilih saja satu, tidak apa-apa kok anda coba-coba hitung-hitung sekalian belajar dan yang penting anda faham.
- Untuk kata Artikel Terkait bisa anda ganti sesuai keinginan anda misalnya: related post, posting terkait, dsb
okey sekian dulu tutorial cara membuat artikel terkait, selamat mencoba...
