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&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>
- 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.
Blog Optimized | Ben Nafi | Share
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
7 komentar:
Hasilnya gimana gan?
Tampilannya sederhanya saja sob..
silakan dicoba sendiri..
contohnya punya blog ini kalo belum brubah...
Wah mantap master tengkiu ya jgn lupa mampir woconen.blogspot.com
Mau dicoba ya gan, mudah-mudahan bisa. Terima Kasih
thanks gan jadi lebih ngerti tentang related post.....
makaish gan.. saya coba dulu
kunbal juga ya :http://loreantz.blogspot.com/2015/10/pertama-di-dunia.html
:)
Mantap gan jgan lupa mampir chordgseven.blogspot.com
Posting Komentar