Membuat Artikel Terkait Yang Sederhana dan Ringan di Blog (Blogspot)

Artikel Terkait Membuat Artikel Terkait Yang Sederhana dan Ringan di Blog (Blogspot) - Artikel terkait seperti yang sobat ketahui biasanya terletak pada akhir sebuah posting yang mengarahkan pengunjung pada artikel-artikel yang berada pada label yang bersangkutan.
Fungsinya selain untuk peningkatan page view dan SEO, related post/artikel terkait ini juga bisa membantu pengunjung untuk membaca posting atau artikel Anda yang lain, sehingga pengunjung bisa betah bolak-balik berada di blog kita.

Baiklah, berikut cara membuat related post/artikel terkait dengan mudah dan sederhana :
  • Login ke Blogger > Template > edit html > centang expand template widget
  • Cari kode </head> kemudian letakkan script di bawah ini tepat 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>

  • Kemudian Anda cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah 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>
  • Silakan ganti Judul Artikel Terkaitnya sesuai keinginan sobat
    Simpan template dan lihat hasilnya. 

Terima kasih telah membaca artikel Membuat Artikel Terkait Yang Sederhana dan Ringan di Blog (Blogspot), semoga bermanfaat bagi kita semua.
Jika sobat berminat, silakan sobat Share artikel Membuat Artikel Terkait Yang Sederhana dan Ringan di Blog (Blogspot) ini dan jangan lupa untuk mencantumkan link sumbernya :
Apabila ada pertanyaan dan lain-lain silakan berkomentar atau Contact Saya, dan jangan lupa Follow blog ini.
Blog Optimized | Ben Nafi | Share

Artikel Terkait

7 komentar:

Muhammad Qori mengatakan...

Hasilnya gimana gan?

Sixrone 609 Community mengatakan...

Tampilannya sederhanya saja sob..
silakan dicoba sendiri..
contohnya punya blog ini kalo belum brubah...

Unknown mengatakan...

Wah mantap master tengkiu ya jgn lupa mampir woconen.blogspot.com

Unknown mengatakan...

Mau dicoba ya gan, mudah-mudahan bisa. Terima Kasih

Mbah Daur mengatakan...

thanks gan jadi lebih ngerti tentang related post.....

Erlangga mengatakan...

makaish gan.. saya coba dulu

kunbal juga ya :http://loreantz.blogspot.com/2015/10/pertama-di-dunia.html

:)

Anonim mengatakan...

Mantap gan jgan lupa mampir chordgseven.blogspot.com