Cara Mudah Buat Membuat Artikel Terkait

Mungkin anda salah satu dari sekian banyak bloger yang mempunyai niat yang sama, yaitu membuat sebuah tampilan yang menarik dengan cara membuat navigasi artikel yang berkaitan dengan artikel  sehingga mempermudah pembaca untuk membaca artikel -artikel lain. Kira-kira tampilan berita terkait adalah sebagai berikut:

Nah, untuk membuatnya, yuk ikuti langkah-langkah berikut :

1. Log in terlebih dahulu pada blog anda. (Backup dulu templatenya untuk menghindari hal-hal yang tidak diinginkan 
2. Masuklah pada menu template, dan klik edit HTML.

       3. Kemudian tekan Ctrl+F dan ketikan kode berikut </head> pada search:
       4. Diatas kode </head> masukan scrip berikut tepat diatasnya;
                   
 <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. Kira-kira tampilannya sebagai berikut ;

       6. Kemudian 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=15"' type='text/javascript'/> </b:if>
    </b:loop>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'>
    <h4>Artikel Terkait <b:loop values='data:post.labels' var='label'><data:label.name/>
    <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></h4>
    <script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels();
    </script>
    </b:if>
 

       7. Kira-kira tampilannya sebagai berikut ;

        8. Selanjutnya simpanlah hasil edit dari template tersebut.