9:55 PM
Tips Membuat related Post
edi gunawan
Tutorial blog kali ini akan dibahas tentang cara membuat related post atau artikel terkait yang biasanya digunakan untuk memudahkan pengunjung dalam menemukan artikel-artikel yang berhubungan dengan artikel yang sedang dibacanya. Artikel terkait disini adalah artikel yang nantinya akan ditayangkan bersama dengan artikel dengan satu label.
Nah, bagi sobat blogger yang ingin membuat Related Post ini, silahkan ikuti tutorial in:
- Log ini ke akun blogger Anda.
- Pilih menu Tata Letak (Layout) » Edit HTML.
- Beri tanda centang pada tulisan Expand Widget Templates.
- Copy-paste script berikut di atas kode </head>.
- Cari kode <data:post.body/>, kemudian copy-paste kode berikut di bawahnya.
- Simpan Template
<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>
<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>
Nb: sebelum mengutak-atik blog sobat, sebaiknya di download dulu template sobat untuk jaga-jaga. Moga bermanfaat
Related Posts
5 Responses to "Tips Membuat related Post"
tipsnya mirip2 deh
bagus buat yg belum tahu :))
karena saya sudah pake tapi lewat pihak ketiga yang menyediakan layanan itu...
thx 4 share....
http://kelpolova.blogspot.com/2010/12/update-09-december-2010.html
Post a Comment