Cara Mudah Membuat Related Post Di Sidebar

Cara Mudah Membuat Related Post Di Sidebar. Related posts widget atau artikel terkait adalah widget yang memunculkan artikel yang berkaitan dengan postingan yang sedang di baca. Cara ini sudah saya jelaskan di postingan Cara membuat related posts sebelumnya. Related posts sangat bermanfaat bagi blog kita terutama untuk SEO dan juga bermanfaat bagi pengunjung. Dengan Related posts widget ini pengunjung suatu blog akan mudah untuk membaca atau menelusuri setiap postingan yang ada di blog kita.


Cara Mudah Membuat Related Post Di Sidebar

Nah tentunya hal ini akan meningkatkan page view blog kita, Related posts widget ini di buat dengan berbagai bentuk yang menarik agar pengunjung tertarik untuk menelusuri blog kita. Tertarik untuk mencobanya di blog anda? Silahkan ikuti tutorial Cara Membuat Related Posts Di Sidebar berikut ini.

1. Log in ke blogger dengan akun yang anda miliki.
2. Pergi menuju ke Rancangan » edit HTML » centang kotak expand template widget. Atau bagi yang menggunakan tampilan blogger yang baru anda tinggal klik template » edit HTML » centang kotak expand template widget.
3. Hampir aja lupa, sebelum melakukan pengeditan, sebaiknya anda memback-up template anda dulu buat jaga-jaga bila terjadi kesalahan dalam melakukan pengeditan.
4. Cari kode </head> dan letakkan kode di bawah ini sebelum kode </head>.
<script src='http://khusus-seo.googlecode.com/files/sidebar.js' type='text/javascript'></script>
5. Cari kode yang kira-kira mirip seperti ini.
<b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>   </b:loop>
        </b:if>
6. Kalau sudah ketemu, tambahkan kode di bawah ini di dalam kode di atas.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
Sehingga kodenya menjadi seperti ini.
<b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
          </b:loop>
        </b:if>
Keterangan : kode yang bercetak tebal adalah jumlah artikel terkait atau related posts yang akan di munculkan, sedangkan kode yang berwarna orange adalah kode yang  di tambahkan.

7. Save template anda.
8. Sekarang anda menuju ke tata letak » tambah gadget » HTML/Java script. Masukkan kode di bawah ini pada kolom yang sudah di sediakan.
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
9. Save gadget anda, dan lihat hasilnya.

Sekian dulu tutorial dari saya kali ini tentang Cara Mudah Membuat Related Post Di Sidebar, bagi yang masih bingung silahkan untuk bertanya ya.