March 2, 2013

Membuat Kotak Komentar Bertingkat Pada Blog

Halo sob...

Kali ini saya mau sharing cara membuat kotak komentar ala Wordpress. Kalau sebelumnya saya sudah share cara membuat kotak komentar dengan menggunakan jasa dari Disqus, maka tidak dengan cara ini, kita hanya perlu memasukkan kode-kode tertentu.

Jadi kotak komentar nya nanti bertingkat apabila ada yg membalas komentar dari kita atau sebaliknya. Dengan menggunakan cara ini, maka temen-temen bisa melihat kotak komentar yang lebih rapi karena baik komentar yang mendapatkan balasan maupun komentar balasannya sendiri akan lebih terstruktur...



Ok gini caranya  :

1. Login dulu ke blogger.



2. Buka Template - Edit HTML.



3. Jangan lupa centang "Expand Template Widget".
4. Cari kode <b:include data='post' name='comments'/> dan ganti semua* dengan kode berikut :

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

5. Simpan template.
6. Enjoy.

*Ket : kode <b:include data='post' name='comments'/> di template ada sekitar 4, maka ganti semua kode tersebut.

Silahkan dilihat sob, udah berhasil apa belum, hehehe kalo ga berhasil berarti ada yang salah dengan temen-temen, wkwkwwkkkkk.....

Terima kasih, semoga bermanfaat...

37 comments

  1. tri_hyaniMarch 14, 2013 at 8:48 PM

    This comment has been removed by the author.

    ReplyDelete
  2. tri_hyaniMarch 14, 2013 at 8:52 PM

    Kak Alya, di akun blogku kok adanya ini gimana, kak? *commentku di atas kelewat kehapus kak, maaf ya... :D gaptek deh aku...

    ReplyDelete
    Replies
    1. UnknownMarch 15, 2013 at 10:43 AM

      maksudnya yg ada di akun blog nya apa sis??? kalo tau permasalahannya pasti saya bantu kok... :)

      Delete
    2. UnknownApril 2, 2013 at 6:49 PM

      aku numpang tes dulu ya :)

      Delete
    3. UnknownApril 3, 2013 at 8:09 AM

      silahkan sob... :-d

      Delete
    4. AnonymousOctober 6, 2013 at 12:35 PM

      :)

      Delete
  3. lulus utamiMarch 20, 2013 at 1:18 PM

    Terimakasih mas atas tutornya, saya sedang mencobanya nih, soalnya template bawaan saya gak bertingkat komentarnya.

    ReplyDelete
  4. AdminApril 11, 2013 at 12:49 PM

    ijin nyoba kanda!!

    ReplyDelete
  5. SyamApril 15, 2013 at 8:41 PM

    sangat bermanfa'at,thank..

    ReplyDelete
  6. UnknownApril 19, 2013 at 12:53 AM

    tombol REPLY ku gag aktif gan,,,,
    gimana nih solusinya,,,,,
    mohon bantuannya,,,

    ReplyDelete
    Replies
    1. UnknownApril 19, 2013 at 8:36 AM

      =p* itu bisa jadi krn javascript nya...buka template editor agan dan backup dulu template nya, lalu coba agan cari kode : <b:includable id='threaded_comment_js' var='post'> lalu klik segitiga hitam disampingnya dan hapus dari mulai kode tersebut sampai kode penutupnya </b:includable> semoga membantu...

      Delete
    2. UnknownApril 19, 2013 at 8:44 AM

      selanjutnya agan unduh dulu file ini : http://aiizahh-blog.googlecode.com/files/replace%20threaded%20comment.txt nah masukkan semua kode yang ada didalamnya untuk mengganti kode yg udah dihapus sebelumnya...

      Delete
    3. ChusniantiApril 26, 2014 at 5:31 AM

      Aku coba kok gak bisa ya...
      Tombol Reply ku tidak aktif sebelumnya, dan tidak aktif juga... spoiled

      Delete
    4. Giri SoeprijantoOctober 25, 2014 at 11:11 PM

      Terima kasih mbak.. akan saya coba

      Delete
  7. tokoanehMay 11, 2013 at 12:38 AM

    terimakasih bro, tapi kayaknya untuk template yang sekarang tidak terdapat kode semacam itu,mohon arahan, terimakasih.

    ReplyDelete
    Replies
    1. UnknownMay 11, 2013 at 2:27 PM

      This comment has been removed by the author.

      Delete
    2. UnknownMay 11, 2013 at 2:33 PM

      :( masa ga ada gan?? setiap template biasanya kurang lebih sama kode nya...

      Delete
  8. tutorial photoshopMay 20, 2013 at 2:54 PM

    keren om, sangat membantu... :-bd

    ReplyDelete
    Replies
    1. UnknownMay 20, 2013 at 3:01 PM

      :-bd :-bd :-bd tp jangan panggil saya om... :'(

      Delete
  9. CARA GAMPANGJune 23, 2013 at 3:43 AM

    Informasi ini sederhana namun sangat bermanfaat, mantap, mantap, aku simpan dahulu trik anda ini.

    ReplyDelete
  10. AnonymousJune 27, 2013 at 5:46 PM

    ''centang Expand Template Widget nya'' itu ada di mana ya?
    mohon pencerahan nya kk

    ReplyDelete
  11. Abdul halimJuly 11, 2013 at 10:57 AM

    gan, kalau Expand Template Widget ithu adha dimana ?

    ReplyDelete
    Replies
    1. UnknownJuly 12, 2013 at 9:15 AM

      kalau untuk editor html yang baru saat ini tidak ada lagi opsi centang expand template widget jd langsung cari kode <b:include data='post' name='comments'/> saja...

      Delete
  12. software 2000August 5, 2013 at 8:54 AM

    thank you sharenya gan.sdh saya coba.

    ReplyDelete
  13. AnonymousSeptember 5, 2013 at 9:47 PM

    Salam kenal sobat,. wah keren artikel nya nih
    izin simak dan terpin di blog saya yah sobat?
    Terima kasih atas artikel nya salam sukses

    Mampir juga di blog saya sobat di
    Karrysta
    http://karristaent.blogspot.com

    ReplyDelete
  14. zanepediaSeptember 13, 2013 at 12:54 AM

    gx bisa gaaaan

    ReplyDelete
  15. Abdullah umar faqihJune 29, 2014 at 11:06 AM

    kunjungan balik ke http://ufaqih.blogspot.com/

    ReplyDelete
  16. UnknownFebruary 9, 2015 at 12:10 PM

    This comment has been removed by the author.

    ReplyDelete
  17. UnknownMay 6, 2016 at 1:36 PM

    cara buat icon emoji seperti komentar agan gimana cara buatnat sih? pengen saya coba di blog saya komchar.blogspot.com

    ReplyDelete
  18. ANAKRANTAUNovember 2, 2016 at 11:43 PM

    cara mewarnai komentar blogger silahkan kunjungi disini : www.ascoptogel.blogspot.com

    ReplyDelete

Subscribe to: Post Comments (Atom)