Cara Mudah Membuat Artikel Terkait Berdasarkan Label Lebih Dari Satu (Tinggal Copy Paste Scriptnya)

Kali ini saya akan menjelaskan tentang cara mudah membuat artikel terkait berdasarkan label lebih dari satu. Contohnya bisa Anda lihat pada postingan blog saya ini. Ketika Anda membaca artikel blog ini yang mempunyai 2 label maka nanti pada akhir postingan juga artikel terkaitnya juga ada 2 berdasarkan label. Semoga Anda paham.

Nah bagi Anda yang blognya belum ada fitur artikel terkait atau related article, kali ini saya bagikan script untuk membuat artikel terkait. Caranya mudah, Anda tinggal copy paste scriptnya dan pasang di blog Anda. Berikut ini script untuk membuat artikel terkait berdasarkan label lebih dari satu:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
            <div class='related_posts'>
                <!-- *****************http://blogger.com*****Jan,2007****************** -->
                <!-- *****************Related Articles by Labels - Take Two****************** -->

                <!--
            
                1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
                2. The current article will also be listed, now it's no more.
                -->

                <div class='widget-content'>
                <h4>Artikel Terkait Yang Juga Perlu Dibaca:</h4>
                <div id='data2007'/><br/><br/>
                    <script type='text/javascript'>

                    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
                    var maxNumberOfPostsPerLabel = 10;
                    var maxNumberOfLabels = 2;

                    maxNumberOfPostsPerLabel = 10;
                    maxNumberOfLabels = 2;


                    function listEntries10(json) {
                      var ul = document.createElement(&#39;ul&#39;);
                      var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
                                     json.feed.entry.length : maxNumberOfPostsPerLabel;
                      for (var i = 0; i &lt; maxPosts; i++) {
                        var entry = json.feed.entry[i];
                        var alturl;

                        for (var k = 0; k &lt; entry.link.length; k++) {
                          if (entry.link[k].rel == &#39;alternate&#39;) {
                            alturl = entry.link[k].href;
                            break;
                          }
                        }
                        var li = document.createElement(&#39;li&#39;);
                        var a = document.createElement(&#39;a&#39;);
                        a.href = alturl;

                        if(a.href!=location.href) {
                            var txt = document.createTextNode(entry.title.$t);    
                            a.appendChild(txt);
                            li.appendChild(a);
                            ul.appendChild(li);    
                        }
                      }
                      for (var l = 0; l &lt; json.feed.link.length; l++) {
                        if (json.feed.link[l].rel == &#39;alternate&#39;) {
                          var raw = json.feed.link[l].href;
                          var label = raw.substr(homeUrl3.length+13);
                          var k;
                          for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
                          var txt = document.createTextNode(label);
                          var h = document.createElement(&#39;b&#39;);
                          h.appendChild(txt);
                          var div1 = document.createElement(&#39;div&#39;);
                           div1.appendChild(h);
                          div1.appendChild(ul);
                          document.getElementById(&#39;data2007&#39;).appendChild(div1);
                        }
                      }
                    }
                    function search10(query, label) {

                    var script = document.createElement(&#39;script&#39;);
                    script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
                     + label +
                    &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
                    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
                    document.documentElement.firstChild.appendChild(script);
                    }

                    var labelArray = new Array();
                    var numLabel = 0;

                    <b:loop values='data:posts' var='post'>
                      <b:loop values='data:post.labels' var='label'>
                        textLabel = &quot;<data:label.name/>&quot;;
                        
                        var test = 0;
                        for (var i = 0; i &lt; labelArray.length; i++)
                        if (labelArray[i] == textLabel) test = 1;
                        if (test == 0) {
                           labelArray.push(textLabel);
                           var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
                                  labelArray.length : maxNumberOfLabels;
                           if (numLabel &lt; maxLabels) {
                              search10(homeUrl3, textLabel);
                              numLabel++;
                           }
                        }
                      </b:loop>
                    </b:loop>
                    </script>
                </div>

            </div>
        </b:if>

Script ini saya ambil dari html blog Masrahmat.com ini dan saya coba pasang di blog saya yang lain ternyata berhasil. Berikut ini cara membuat artikel terkait dengan script diatas:

1.Masuk ke akun blogger kemudian klik Design=>Edit HTML=>Expand Template Widget

2.Cari kode <div class='post-footer-line post-footer-line-3'>

3.Setelah ketemu, letakkan script tadi persis diatas kode tadi kemudian simpan template.

Itulah cara mudah membuat artikel terkait berdasarkan kategori lebih dari satu, semoga bermanfaat.