Membuat Related Post pada Blogger

Related Post atau artikel terkait yang berhubungan dengan artikel yang sedang dikunjungi pada sebuah web atau blog, digunakan untuk memudahkan navigasi pengunjung web ke artikel lainnya. Ini merupakan fitur yang tidak ada di Blogger, namun sudah banyak yang mengembangkan fitur ini supaya bisa digunakan pada Blogger.

Berikut ini cara yang saya pilih untuk membuat fitur Related Post pada blog ini:

1. Edit HTML pada Dashboard
2. Masukan kode CSS berikut pada bagian <b:skin>

#related-post {
background:none;
width:100%;
padding:1.25rem;
}
    

3. Masukan script setalah bagian <data:post.body>

<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='related-post' id='related-post'/>
  <script type='text/javascript'>
  var labelArray = [
    <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;
          <b:if cond='data:label.isLast != &quot;true&quot;'>,
          </b:if>
      </b:loop>
    </b:if>
  ];
  var relatedPostConfig = {
    homePage: &quot;<data:blog.homepageUrl/>&quot;,
    widgetTitle: &quot;&lt;h5&gt;Artikel Terkait:&lt;/h5&gt;&quot;,
    numPosts: 5,
    titleLength: &quot;auto&quot;,
    containerId: &quot;related-post&quot;,
    newTabLink: false,
    widgetStyle: 1,
    callBack: function() {}
  };
  </script>

  <script style="text/javascript" src="https://cdn.rawgit.com/mowdot/mysitemap/master/relatedpost.js"></script>
</b:if>
    

4. Simpan perubahan template

Referensi: