Monday, August 27, 2012

Cara Membuat Threaded Comment Untuk Blogger

8:41 AM Hzndi 67 comments



Di era sekarang blogger sudah menghadirkan fitur threaded comments atau reply comments seperti wordpress. Dengan menggunakan fitur ini tentunya akan membuat berbalas komentar antar pengunjung blog dengan si admin menjadi lebih mudah dan simpel. Tampilannya pun terlihat lebih menarik dan cantik apabila ditambahkan beberapa kode CSS. Namun yang saya bagikan kali ini adalah untuk membuat tampilan default-nya saja tanpa memakai CSS.

1. Threaded Comment untuk Template Bawaan Blogger

Untuk menampilkan threaded comment ini ada bermacam cara. Nah kalau untuk template bawaan dari blogger, kita tidak perlu susah-susah untuk mengutak-atik kode HTML/Javascript yang meribetkan. Cukup dengan kamu ikuti saja langkah di bawah ini :

1. Login ke Blogger.com

2. Klik Setelan --> Pilih Pos dan Komentar --> Pastikan "Lokasi Komentar" kamu "Tersemat".



3. Setelah itu, klik "Lainnya" --> Di dalam "Bolehkan Umpan Blog ?" kamu pilih "Penuh". Seperti yang terlihat di gambar di bawah ini :


4. Sekarang klik simpan.

2. Threaded Comment untuk Template yang Bukan Bawaan Blogger

Dan untuk template yang custom atau bukan bawaan atau hasil dari download template, biasanya tidak bisa memakai trik diatas. Namun kamu harus mengutak-atik beberapa kode Javascript. Tenang saja, caranya mudah kok dan tidak sampai 5 menit deh untuk melakukaknnya hehe. Lihat caranya di bawah ini.

1. Login ke Blogger

2. Back Up template kamu terlebih dahulu, Lihat caranya di bawah ini
3. Masih di bagian Template, sekarang kamu klik Edit HTML --> Pilih Lanjutkan

4. Selanjutnya kamu cari kode

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

Nantinya kamu akan menemukan 4 buah kode

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

Ganti keempat kode tersebut dengan kode di bawah ini.

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

Ingat ! harus ganti keempat-empatnya.

5. Simpan template dan sekarang kkamu sudah memiliki threaded comment sendiri. Oh iya, untuk cara ini hanya tampilan biasa saja, kalau mau yang lebih cantik kamu bisa gunakan beberapa trik CSS agar tampilan komentar kamu menarik dan canti. Mungkin kamu bisa melihatnya di label Comments yang ada di blog ini. Untuk Hasilnya sendiri, bisa kamu lihat pada gambar yang paling atas.

Postingan Terkait:

Posted in: ,

67 comments:

  1. Arra PenaAugust 27, 2012 at 8:52 AM

    Sudah ter-setting sob :)

    ReplyDelete
  2. zachflazzAugust 27, 2012 at 9:03 AM

    nggak ada habisnya nih ilmu soal blog. luar biasa.

    ReplyDelete
    Replies
    1. HzndiAugust 27, 2012 at 11:53 AM

      bisa aja sih om ini, kan ada internet jadi bisa dipelajari :)

      Delete
  3. Kraeng FranciscoAugust 27, 2012 at 12:13 PM

    Bagus sob, khusus buat yang makai template dari pihak ketiga sangat dibutuhkan. Salam

    ReplyDelete
  4. Reo AdamAugust 27, 2012 at 12:16 PM

    tapi aq lebih suka yg pke CSS...hehe
    mksh infonya sob...sukses slalu buat anda

    ReplyDelete
    Replies
    1. HzndiAugust 29, 2012 at 2:52 PM

      hehe ini mah yang buat defaultnya saja gan jadi biar loadnya ga berat juga :)

      Delete
  5. Mohamad RivaiAugust 27, 2012 at 1:04 PM

    iya mas bro.
    kok treded koment q nggak ada gmbarnya kenapa ya?

    mohon petunjuk.

    ReplyDelete
  6. UnknownAugust 27, 2012 at 1:37 PM

    aku baru selesai mbuat bro

    ReplyDelete
  7. cak oniAugust 27, 2012 at 2:29 PM

    waaa blogger sejati kang . .yang selalu memberi info bagi para bloger"

    ReplyDelete
  8. senantiasa belajarAugust 27, 2012 at 2:44 PM

    keren sob threaded commentnya thanks share :-) smile

    ReplyDelete
  9. cerita anak kostAugust 27, 2012 at 2:55 PM

    wah gitu ya gan, ehm, tapi ane masih nyaman dengan yang nonn. ga perlu balesin semua komentar soalnya. heheheh.

    ReplyDelete
    Replies
    1. HzndiAugust 29, 2012 at 2:56 PM

      hehe tapi kalau make threaded comment kan bisa 2 fungsi, bisa bales semuanya atau satu2 :D

      Delete
  10. Vpie ◥TwekzLibz◤ MahaDhifaAugust 27, 2012 at 3:36 PM

    . . alhamdulillah,, punya aq udah pake kawan . .

    ReplyDelete
  11. POINGAME.COMAugust 27, 2012 at 4:25 PM

    keren juga sob :), manteb sharenya

    ReplyDelete
    Replies
    1. HzndiAugust 29, 2012 at 2:58 PM

      thanks gan sama2 makasih juga sudah datang kemari yah

      Delete
  12. mimi RaDiAlAugust 27, 2012 at 4:39 PM

    matur nuwuuun....#ttp serahkan pd yg ahli aja hihi

    ReplyDelete
  13. AnonymousAugust 27, 2012 at 4:55 PM

    udah aku praktekin sob, terimakasih

    ReplyDelete
    Replies
    1. HzndiAugust 29, 2012 at 3:01 PM

      thanks qnozza sudah datang kemari

      Delete
    2. Desa CilembuAugust 29, 2012 at 9:01 PM

      keren kang...pengen juga ganti, bagus nih.
      nanti deh kalau ada waktu senggang.

      Delete
  14. RawinsAugust 27, 2012 at 5:59 PM

    aku dah dapat dari bawaan templet
    jadi gak ribet utak atik sendiri heheh

    ReplyDelete
    Replies
    1. Abi SabilaAugust 29, 2012 at 2:22 AM

      Iya, seneng banget waktu blogger nyediain fasilitas ini.

      Delete
    2. HzndiAugust 29, 2012 at 3:02 PM

      Rawins : bener itu terebih lagi buat peula jadi ga puyeng hehe

      Abi : bener gan :)

      Delete
  15. Awan PutihAugust 27, 2012 at 7:41 PM

    alhamdulillaaaah
    ini nih, yang dari dulu kucari-cari bang...
    makasiih, yaa~~
    sangat bermanfaat ^^

    ReplyDelete
    Replies
    1. HzndiAugust 29, 2012 at 3:07 PM

      semoga bermanfaat juga yah hehe maksih juga sudah datang kerumah kecil ane :)

      Delete
  16. UnknownAugust 27, 2012 at 8:59 PM

    terima kasih sob.. :)

    ReplyDelete
  17. UnknownAugust 28, 2012 at 6:52 AM

    thanks, bermanfaat banget.. terutama buat yang baru terbang di dunia blogger. di coba yaa :)

    ReplyDelete
  18. UnknownAugust 28, 2012 at 3:31 PM

    siip sudah ane coba sob.. mkasih sblumnya

    ReplyDelete
  19. Djangkaru BumiAugust 28, 2012 at 4:17 PM

    untungnya blog saya bawaan blogspot sehingga mudah untuk merubahnya. Mohon maaf lahir batin.

    ReplyDelete
  20. warcoffAugust 28, 2012 at 4:51 PM

    makasih om infonya :) harus dicoba nih :)

    ReplyDelete
  21. AsukaAugust 28, 2012 at 6:05 PM

    Punyaku aslinya bawaan template. Tapi kok gak bisa dipakek ya sob. Bisa bantu ?

    ReplyDelete
  22. Andy BorneoAugust 28, 2012 at 6:49 PM

    untung deh saya udah punya.. hehehe.. :D

    ReplyDelete
  23. Mami ZidaneAugust 28, 2012 at 7:04 PM

    terimakasih tutorialnya ya...salam...

    ReplyDelete
  24. Cendekiawan ITAugust 29, 2012 at 6:35 AM

    tak coba ya gan, cz kelihatannya caranya sangat simple...

    maaf lama gak kunjung ^_^

    ReplyDelete
  25. Mohamad Iqbal ArifhanAugust 29, 2012 at 7:25 AM

    Postingan yang sangat bermanfaat gan

    ReplyDelete
  26. BeeBekkkkAugust 29, 2012 at 9:19 AM

    Lebih suka yg emang bawaan sob ,lebih simple

    ReplyDelete
    Replies
    1. HzndiAugust 29, 2012 at 3:24 PM

      hehe kalau mau yang lebih keren pake template yang bukan bawaan dong :p

      Delete
  27. AZLAAugust 29, 2012 at 1:47 PM

    ini ilmu yang sangat berguna sekali sobat, saya sangta menyukainya, dan saya akan mencobanya, walaupun sekarang belum, tapi akan saya guyur...
    terima kasih ilmunya kawan..
    Salam..??!

    ReplyDelete
  28. Sains BoxAugust 29, 2012 at 2:36 PM

    pengen aku coba ah.. tp lg males utak-atik template nih

    ReplyDelete
    Replies
    1. HzndiAugust 29, 2012 at 3:26 PM

      heheh okelah gan yang penting di bookmark dulu :D

      Delete
  29. Underground404August 29, 2012 at 3:26 PM

    anda siapkan tutorialnya, sy siapkan CSS nya disinixD

    ReplyDelete
    Replies
    1. HzndiAugust 29, 2012 at 7:02 PM

      hayoo silakan yang mau mencobanya sobat underground sudah menyiapkannya nih :)

      Delete
  30. Cari TentangAugust 29, 2012 at 5:29 PM

    Thread komentar seperti wordpress maksudnya bertingkat menjorok agak ke dalam setiap kali reply ya sob samapi beberapa tingkat

    ReplyDelete
    Replies
    1. HzndiAugust 29, 2012 at 7:01 PM

      untuk yang bertingkat nanti akan saya posting

      Delete
  31. Staff AdministratorAugust 29, 2012 at 9:18 PM

    Klw mau di tbh lagi kotak admin nya beda masih bisa ya ndi.. :)

    ReplyDelete
    Replies
    1. HzndiAugust 30, 2012 at 8:06 AM

      Msh om, soalnya yg ini cuma teknik dasarnya doang :)

      Delete
  32. Staff AdministratorAugust 30, 2012 at 11:40 PM

    Sip deh.. Nanti ta coba... Hehe :)

    ReplyDelete
  33. Faris ArifiansyahDecember 21, 2012 at 11:22 AM

    Kok saya ga bisa ya..? saya pake template wpstudio.. Tapi pas saya coba di template lain bisa. Berarti emang dari template-nya ya?

    ReplyDelete
  34. Syafar MapalangMay 26, 2013 at 5:46 PM

    Izin nyoba dulu mas, siapa tahu berhasil atas bantuannya mas.
    terim kasih telah berbagi ilmunya

    ReplyDelete
  35. Asiapoker77 Bonus Jackpot Plus Tiap BulanOctober 7, 2013 at 10:05 PM

    Sangat bermanfaat sekali gan, apakah kalau sebelumnya komentarnya sudah diubah bisa diubah lagi gan?

    ReplyDelete

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More