Cara Membuat Related Posts Di Sidebar - Hallo sahabat Anak Google, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Related Posts Di Sidebar, admin mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. Mudah-mudahan isi postingan Artikel Blogger, Artikel SEO blogger, Artikel Tutorial Blog, yang kami tulis ini dapat anda pahami. Selamat membaca ya.

Judul : Cara Membuat Related Posts Di Sidebar
link : Cara Membuat Related Posts Di Sidebar

Cara Membuat Related Posts Di Sidebar

Tutorial Blogger dan SEO Blogger - Cara Membuat Related Posts 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.

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 totorial 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://cayunkatel.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.

Demikianlah artikel tentang Cara Membuat Related Posts Di Sidebar

Sekianlah artikel Cara Membuat Related Posts Di Sidebar kali ini, mudah-mudahan bisa memberi manfaat untuk pembaca semua.

Anda sekarang membaca artikel Cara Membuat Related Posts Di Sidebar dengan alamat link https://anakugoogle.blogspot.com/2017/09/cara-membuat-related-posts-di-sidebar.html

Tweet

Unknown