Setting Threaded Comments Pada Template Modifikasi Di Blogspot

Setelah semalaman suntuk oprek-oprek kode HTML blog ini sambil muter-muter di google mencari solusi untuk setting fitur threaded comment blogger terbaru atau sistem komentar yang disertai dengan Reply, tampilan form komentar yang mirip dengan engine wordpress.

Fitur ini adalah yang paling ditunggu-tunggu oleh para penguna blogspot sebab sering merasa cemburu dengan punya wordpress ketika berbalas pantun disebuah postingan.

Hasil pencarian di Mbah Google tidak ada yang memuaskan hati saya, karena kebanyakan hanya membahas hal umum seperti pengaturan di dashbord blogger. Masalah saya timbul karena fitur ini hanya berlaku untuk template bawaan dari pabrikan alias dari bloggernya tetapi tidak untuk template modifan seperti blog ini. Akhirnya hanya ada 2 blog yang setidaknya dapat menjawab sebagian kecil penasaran saya walaupun nanggung atau mungkin saya yang kurang pas mengetik kata kunci di mesin pencari.

Jelasnya dari blog pertama yaitu dj-site.blogspot.com "Threaded Commenting, Fitur Baru Pada Sistem Komentar Blogger (Blogspot) Yang Memungkinkan Anda Membuat Reply Komentar Seperti Wordpress" serasa pas tetapi kurang karena enggak mau pusing, hehe piss.

Dan yang blog kedua di roxx-share.blogspot.com "Setting Threaded Comments di Template Blogspot" sudah pas tetapi kok tidak bisa alias gagal terus...

Mau tidak mau akhirnya trial dan error sendiri sambil membandingkan antara template bawaan dengan template ini. Dan akhirnya menemukan titik terang. Ternyata tutorial dari blog kedua yang hampir mendekati. Baiklah berikut hasilnya.

Tahap awal, pengaturan di dashbord

Pertama

Kedua

Tahap kedua, edit template

1. Pilih tombol Edit HTML pada basis dasar Template utama (Live on Blog).
2. Pada Template › Edit HTML pilih tombol Proceed untuk membuka jendela source code HTML.
3. Pilih Centang Expand Widget Templates untuk pengeditan Template Blogspot yang lebih detail.
4. Setelah itu silahkan Cari baris kode berikut :

<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>

5. Gantikan baris kode berwarna merah pada kode diatas menjadi seperti ini :

<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>

6. Simpan perubahan Template (Save Template) lalu lihat hasilnya.

Nah, ini adalah revisi saya untuk blog ke 2 yang saya baca, sedangkan untuk pengaturan di CSS bisa baca di blog pertama yang saya tuliskan di paragraf awal. Saya udah keburu ngantuk juga nulisnya nih, hihi....

Warning : tutorial ini hanya berlaku jika template lama adalah template modifan yang tidak bisa menampilkan fitur terbaru ini.


Sumber gambar by buzz.blogger.com