Cara mengaktifkan Thread Comments blogger

Melihat penggunaan Thread Comments yang ada pada template bawaan blogger, buat saya sangat disayangkan bila dilewatkan. Sebab Thread Comments ini memiliki fitur yang lebih dibanding form komentar yang ada sebelumnya. Salah satunya Thread Comments memiliki fitur Reply, sehingga pemilik blog bisa membalas komentar atau memberi jawaban atas pertanyaan pengunjung kapan saja. Dan lebih mantab lagi komentar balasan berada pada posisi yang berbeda dengan komentar baru. sehingga tampak bertingkat, walaupun Thread Comments ini hanya memiliki satu tingkat reply dan belum sebagus pada WordPress yang sudah menggunakan berapa tingkatan reply. Tapi tak masalah... yang penting kita para blogger ikut merasakan dan mengikuti perkembangan dunia online.

Berikut gambar tampilan  Thread Comments yang masih asli dari blogger :

Berikut gambar tampilan  Thread Comments yang bisa anda pakai pada blog anda :

---

Bagi anda yang menggunakan tamplate bawaan blogger, tapi Thread Comments belum muncul..., anda tinggal lakukan seperti ini : Download Template Lengkap - Kembalikan template widget ke default - Simpan Template - Upload Tempalte yang di Downloat tadi - Simpan Template. Dan anda sudah menggunakan Thread Comments....silahkan dilihat!.
Untuk tampilan agar seperti gambar diatas, anda bisa gunakan CSS yang saya berikan dibawah.

---

Nah..., bila template bawaan dari blogger sudah menggunakan Thread Comments, lalu bagaimana dengan template costum atau template editan seperti blog ini?

Tak perlu khawatir, bagi anda yang menggunakan template costum dan belum memanfaatkan form komentar versi Thread Comments seperti yang sudah saya pakai pada blog ini, kali ini saya akan uraikan langkah demi langkah mudah memasang Thread Comments untuk blog anda.

OK..., Pada dasarnya script dan css Thread Comments sudah disediakan oleh blog master blogger, tapi rata - rata template costum tidak atau belum menampilkannya.
Jadi..., bila anda tertarik juga ingin menggunakan Thread Comments ini, berikut ini saya uraikan langkah - langkah mudah menampilkan Thread Comments :

Langsung saja....
1. Masuk Rancangan.
2. Edit HTML.
3. Centang "Expand Template Widget".
4. Silahkan anda cari kode seperti atau mirip dengan kode berikut :

<b:include data='post' name='post'/>

Bentuk keseluruhan kode diatas seperti berikut :

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:if cond='data:post.allowComments'>
  <b:include data='post' name='comments'/>
 </b:if>
</b:if>

Atau seperti berikut :

<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>

Catatan : 
Setiap templat belum tentu sama, bisa seperti yang atas atau bisa juga seperti yang bawah.

5. Silahkan anda ganti deretan kode yang berwarna HIJAU diatas, dengan code dibawah ini :

<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>

6. SIMPAN DULU TEMPLATE.

Bila sampai langkah 6 sudah sukses, kemudian kita lanjutkan ke langkah 7 :

7. Untuk memastikan agar form komentar lama dan form Thread Comments muncul dua - duanya. Maka kita harus cari lagi apakah masih ada deretan kode seperti kode berwarna BIRU dibawah.

Untuk memudahkan mencari kode berwarna BIRU, cari kode seperti atau mirip seperti kode berikut ini :

<b:include data='post' name='comments'/>

Bentuk keseluruhan kode diatas seperti berikut :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
   <b:if cond='data:post.allowComments'>
     <b:include data='post' name='comments'/>
   </b:if>
 </b:if>

Atau seperti berikut :

 <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>

Catatan : 

• Bila anda masih menemukan deretan kode warna BIRU diatas, baik yang atas atau yang bawah.
• Kode warna BIRU adalah kode untuk menampilkan form komen yang lama.
• Jadi silahkan anda hapus seluruh kode, baik  yang berwarna biru tua ataupun biru muda agar form komentar lama tidak mucul lagi.

8.  SIMPAN TEMPLATE LAGI.

9. Masih pada HTML..., Silahkan letakkan kode CSS dibawah ini sebelum kode ]]></b:skin> :

.comments{display:block;background:#F2F2F2;padding:5px;} .comments .comment-block{position:relative;background:#FAFAFA;margin-left:45;padding:4px;text-align:left; border-bottom:1px solid #C5C5C5;box-shadow:1px 4px 1px #C7C7C7;-moz-box-shadow:1px 4px 1px #C7C7C7;-webkit-box-shadow:1px 4px 1px #C7C7C7;} .comments .comment-content{margin-top:0px;margin-right:0px;margin-bottom:0px;padding: 5px 10px 5px 5px;background:#eee;color:#333;text-decoration:none;font:normal normal 12px arial;font-style:italic;} .comments .avatar-image-container{ padding:1px; background:#FFFFFF; box-shadow:1px 2px 1px #555;-moz-box-shadow:1px 2px 1px #555;-webkit-box-shadow:1px 2px 1px #555; z-index:9999;} .comments .avatar-image-container :hover{padding:1px;background:#FFFFFF;box-shadow:1px 2px 1px #555;-moz-box-shadow:1px 2px 1px #555;-webkit-box-shadow:1px 2px 1px #555;opacity:0.6;z-index:9999;} .comments .comment-replies {display:block;position:relative;background:#E5E5E5;border-right:3px solid #fff;border-bottom:3px solid #fff;border-top:3px solid #ccc;border-left:3px solid #ccc;margin-left:55px; -moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;} .comments .comment-header {display:block;padding: 5px;background:#D8D8D8;border-bottom:1px solid #aaa;text-decoration:none;font:normal normal 12px Georgia,Serif} .comments .comments-content .icon.blog-author { background: url('https://lh3.googleusercontent.com/-8rCN71wXRuk/T1rm8TTPrTI/AAAAAAAABX0/54h4ZG_pDGE/h20/penulis.jpg') no-repeat;border: 1px solid #ddd;} .comments .comment-actions {display:block;padding: 5px;color:blue;background:#E5E5E5;border-top:1px solid #aaa;} .comments .comment-actions a{color:blue;text-decoration:none;font:normal normal 12px Georgia,Serif} .comments .comment-actions a:hover{color:#000;text-decoration:none;} .comments .comment-actions .item-control{display:none;}

10.  SIMPAN TEMPLATE

OK... Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar dengan menggunakan nama anda yang benar ya......agar saya bisa merespon komentar anda dengan baik.

Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.

Related Articles :
Baca artikel lain :

Informasi Artikel :
	Judul : "Cara mengaktifkan Thread Comments blogger" Diulas Oleh : Noercholis | Kamis, 15 Maret 2012 | 11.16 Description : Melihat penggunaan Thread Comments yang ada pada template bawaan blogger, buat saya sangat disayangkan bila dilewatkan. Sebab Thread Commen... Label : Tutorial Blogger Rating : 6.4 Dari 10, Berdasarkan 2800+ Dari 28 000+ Pengunjung.
Sampai saat ini baru ada : 28 komentar >>> Silahkan tambahkan komentar Anda...