Cara Membuat Related Post Di Sidebar Blogger

Beberapa hari yang lalu saya sudah menuliskan tutorial atau Cara Membuat Related Post Pada Blogger/Blogspot, pada artikel tersebut saya juga sudah menjelaskan bahwa kita bisa meletakkan Related Post (Artikel Terkait) di tempat yang kita inginkan.

Karena pada artikel terdahulu saya sudah memuat artikel cara membuat related post di akhir (bawah) artikel maka kali ini saya akan menuliskan Tutorial Cara Membuat Related Post Pada Sidebar blogspot.

Sebenarnya langkahnya hampir sama, Cuma ada sedikit perbedaan dan lebih cerewet dikit ?

Karena caranya hampir sama, maka saya tidak akan mengulang tulisan yang sama tersebut, saya sarankan untuk membaca artikel sebelumnya yang berjudul Mau Bikin Related Post Pada Blogger?, karena ini sangat berhubungan dan script Related Post Untuk Blogger sudah saya tuliskan di sana. Silahkan ikuti langkah yang sudah saya tuliskan di sana, kemudian langkah terakhir ganti dengan langkah yang akan saya tuliskan di sini, sebelum menjalankan langkah terakhir silahkan simpan dulu perubahan template anda.

Jika sudah di simpan mari kita sambung dengan langkah terakhir, silahkan menuju ke bagian Page Elements dan klik add a new HTML/Javascript widget. beri judul Related Post atau Artikel Terkait kemudian copy paste script di bawah ini pada kotak yg disediakan :

<script type=”text/javascript”>
removeRelatedDuplicates();
printRelatedLabels();
</script>

Untuk sementara widget related Post Tersebut akan kelihatan di semua halaman termasuk home page, silahkan di lihat dulu.

Agar Related Post tersebut hanya terlihat di Post Page saja maka silahkan kembali lagi ke halaman  Edit HTML, beri centang pada bagian Expand Widget Templates Untuk bisa mengedit template secara keseluruhan, kemudian  cari HTML/Javascript widget Related Post yang kita add tadi. Tambahkan kode yang berwarna biru seperti dibawah ini :

<b:widget id=’HTML’ locked=’false’ title=’Related Post’ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

Setelah itu klik Vreview template tersebut, jika related post tersebut sudah tidak kelihatan di home page maka silahkan Simpan Template Tersebut.

Sekarang Lihat hasilnya, dengan membandingkan Home dengan Post Page nya, jika related post hanya muncul di Post Page saja itu artinya anda sukses, namun jika related post muncul di Home Page juga maka itu artinya anda belum berhasil 100% apalagi related post nya ga muncul ?

Mau tau Cara Mudah Membuat Related Post Pada Blog Wordpress?

Baca juga Cara Mudah Membuat Related Post Untuk Wordpress