Cara Membuat Artikel Terkait | Related post pada blog

Kali ini aku pengen berbagi cara untuk membuat artikel terkait ke setiap postingan blog kamu. Saya menggunakan blogger untuk membuat artikel terkait ini.

Kenapa harus memasang artikel terkait? Jawabannya simple kok “Agar pengunjung blog kamu betah untuk jalan-jalan dan membaca postingan-postingan di blog kamu. Sebelumnya aku akan menunjukkan penampakan artikel terkait pada blog cofee-mix.blogspot.com




Gimana sobat? apa ini yang kamu maksud dengan artikel terkait di bawah postingan blog?
Nah, kalau memang itu yang ingin kamu buat, ikutilah beberapa langkah di bawah ini.

1. Buka blogger.com > Klik opsi Lain > Template [Lihat gambar di bawah ini]



2. Kemudian klik Edit HTML



3. Kemudian klik lanjutkan



4. Kemudian centang Expand Template Widget



5. Cari kode </head> (kalau kamu kesulitan tekan ctrl + f) paste </head> di kotak pencarian

6. Kalau sudah, letakkan JavaScript dibawah tepat sebelum [diatas] </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>

---

7. Nah setelah itu cari lagi JavaScript <data:post.body/> , letakkan JavaScript dibawah ini tepat dibawah <data:post.body/>

---

<script type="text/javascript"><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>

---

8. Klik simpan template

9. Selesai

Nah, sekarang buka postingan di blog kamu. Gimana hasilnya? Mudah bukan?
Kalau kamu merasa artikel ini bermanfaat, silahkan share dengan temanmu melalui facebook atau twitter.

Share This:

Post Tags:

Tutorial Blogspot widget artikel terkait

Jillur Rahman

I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.

Website: http://masala-jr.blogspot.com/

• Social Links:

• Rss
• Facebook
• Twitter
• Google+
• Linkedin
• Youtube