Tutorial Cari Uang

Saturday, June 28, 2008

Blogger Inline Commenting Form

FORM KOMENTAR DI BAWAH POSTINGAN

Hurray!! Kini Blogger telah mengupdate habis-habisan sistem komentar pada blog yang berplatform Blogger.com ini. Blogger menelurkan ide memasang embedded comment form form komentar yang terletak persis di bawah posting blog. Jadi, sekarang anda tidak perlu lagi repot-repot klik sana klik sini sebelum menuliskan komentar pada blog-blog dengan domain blogspot atau custom domain. Kini apa yang anda harus lakukan hanyalah menulis komentar dan tekan tombol posting komentar, sehingga anda tidak perlu lagi repot-repot klik sana klik sini sebelum menuliskan komentar pada blog-blog dengan domain blogspot atau custom domain... That's only a simple way to do!


Cara menampilkan fitur ini adalah dengan masuk melalui pintu http://draft.blogger.com, kemudian pada halaman Pengaturan pilih menu Komentar. Nah, pada menu Penempatan Formulir Komentar berilah tanda centang pada disematkan di bawah entry.


Seharusnya dengan langkah seperti di atas, form komentar anda sudah tampil seperti gambar pertama. Namun, seperti yang saya kutip dari Amanda, bagi blog-blog tertentu yang telah mengalami perombakan dan modifikasi total pada kode HTML blognya khususnya pada kode pada komentar, langkah seperti dijelaskan di atas belum cukup. Ada satu langkah lagi yang perlu anda lakukan, yaitu masuk ke Tata Letak > Edit HTML, lalu beri tanda centang pada Expand Template Widget.

Selanjutnya, cari kode seperti di bawah ini:

<p class='comment-footer'>
        <b:if cond='data:post.allowComments'>
        <a expr:href='data:post.addCommentUrl'            
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
</p>


Hapus semua kode tersebut dan gantilah dengan kode berikut ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>


Nah, simpan dan lihatlah perbedaannya pada blog anda....

Selamat mencoba! Have a try for a blogger's brand new commenting system......!!!

UPDATE


Untuk menampilkan kembali link form komentar yang lama, langkah pertama yang harus anda lakukan adalah mencari BlogID anda. Contohnya, angka dalam lingkaran merah adalah BlogID saya.


Lalu cari kode di bawah ini:

<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>


Lalu ganti dengan kode yang baru ini:

<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3> (Anda mencari <a expr:href='&quot;http://www.blogger.com/comment.g?blogID=
30540005&amp;amp;postID=&quot; + data:post.id + &quot;quot;' rel='nofollow'>form komentar yang lama</a>?)
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>


Langkah selanjutnya adalah ganti BlogID saya 30540005 dengan BlogID anda sendiri.

110 comments:

  1. Yihaa... Permintaan anda tentang commenting system blogger telah terkabulkan... :D

    Silahkan mencobanya...

    Ohya, apa anda juga punya daftar wishlist lagi untuk blogger?

    ReplyDelete
  2. yipikiyae.... jadi lebih enak bwat nyepam di blog ini hahahaha selamat lah bwat para pecinta blogspot semuanya ;)

    ReplyDelete
  3. horee!! akhirnya blogspot menyusul..!!!

    ReplyDelete
  4. Blogger memang ngertiin bgt, Dengan gini kan menambah nilai Plus lagi buat Blogger, yang konon di gembar-gomborkan blogger memiliki kelemahan di form komentar yang tidak user friendly. Jadi makin setia aja nih sama blogger,

    BTW kapan nih Nang CD..? :)

    ReplyDelete
  5. iya nang its work :) top dah blogger. eh kayaknya keduluan om dari amanda hehhehe

    ReplyDelete
  6. Seru!
    Akhirnya enggak pusing lagi kalo mo komen di blogspot :)
    tapi mesti utak-atik code nya, ya nang.....
    gpp, penting dah bisa, hehehehe :)

    ReplyDelete
  7. Wah, tansoyo betsh nsng Blogger Cak :)

    ReplyDelete
  8. tapi kok masih ketik manual ya om?? enggak bisa nginget masih.,.

    ReplyDelete
  9. This comment has been removed by the author.

    ReplyDelete
  10. punya saya mau ditambah kode itu baru bisa berfungsi heuheuheu..thank infonya mas

    ReplyDelete
  11. nah gitu dong... semakin mudah di komentari... :D
    akhirnya PRnya dikerjakan :D

    ReplyDelete
  12. Thx mas anang atas informasinya.....

    Sungguh sangat berguna....

    Siapa tau dengan adanya fasilitas comment yang sangat praktis ini pengunjung blog q semakin betah..... He...he......

    ReplyDelete
  13. waw... cara komennya lebih praktis...
    sip.. baru nemu di blog ini nih...
    salam kenal mas..

    nice to see your blog...

    ReplyDelete
  14. asik ni cak..heehhehe jd gampang ngoceh disini :D hihhihihihi

    ReplyDelete
  15. Wah selamat ya nang. Makan2!

    ReplyDelete
  16. Wah bagus bangeets infonya!!

    Makasih banyak mas, makasih.

    Akhirnya blogger bisa juga mengalahkan Haloscan.

    ReplyDelete
  17. duh senennge yang pake blogspot...hehehehehe

    ReplyDelete
  18. Wah, tambah enak kalau ngisi komentar seperti ini.

    ReplyDelete
  19. makin mantap aja ini blogger, saya sudah coba pakai dan berhasil di firefox dan flock, tapi di opera koq gagal ya? mas anang yang pecinta sejati opera gimana, bisa gak? kalo IE saya gak coba..

    ReplyDelete
  20. @ jimmy : lha saya bisa kok pake opera :d coba lg deh. anda kurang beruntung mungkin. bisa tau ga bisanya gmn?

    ReplyDelete
  21. horee mas Anang ikut2an pake Comment Form yang baru...
    tapi kok kayaknya Comment Form-nya kurang keren nih
    lebih keren yang versi "Wordpress" atau versi hack-annya jackbook.com

    ReplyDelete
  22. Matur nuwun. Aku udah nunggu dari dulu, kapan komentarnya blogspot bisa kayak wordpress

    ReplyDelete
  23. wah asik2...kereeeennnn.... ganti juga ahhhh....thx infonya yaaah

    ReplyDelete
  24. Wah, praktis banget ya pake yang kaya gini.... klo diganti komen2 yang lama kehapus gak?

    ReplyDelete
  25. Mantapss...makan makan...:)

    ReplyDelete
  26. Beuh, ini baru enak nang!! yang bikin reibet di blog mu itu harus klik banyak banyak, sekarang dah enak dah!

    ReplyDelete
  27. Bagus juga, cuma kalau ada comment yang ngawur, apa bisa di delete ?

    ReplyDelete
  28. asyikkkkkkkkk...
    walau saya dulu bloggerian tapi paling sebel komen di bloggerian...
    sekarang sih gak.....
    :D
    hidup bloggerian dan wordpressian....

    ReplyDelete
  29. pada rame-rame posting tutorial ini yah..
    ke o-om jg, ke mas anang juga, barusan dari blogmenjerit.com juga..

    saya jg ah..

    ReplyDelete
  30. hehehe... mas anang kaya sodara kembar aja nih ama oom, satu hati. Posting nya sama sama ngebahas kotak komentar :). moga sehat selalu aja mas and makin sukses.

    ReplyDelete
  31. wow..blogspot makin keren aja

    ReplyDelete
  32. MANTABH...! saya wordpress-er jadi sedikit iri nih sama blogspot... huhuhu

    ReplyDelete
  33. tes tes... di coba... benar2 ringkas :D
    makasih tipsnya mas...

    ReplyDelete
  34. oya gmn kalo mo balikin lg jadi comment yg default? saya masuk lewat http://draft.blogger.com

    makasih

    ReplyDelete
  35. berarti tinggal isi di sini aja langsung muncul setelah diklik ya. Cobain deh :)

    btw, thx uda visit yak

    ReplyDelete
  36. yuhuuu.......

    makin keren aja om blogger nih... :)

    ReplyDelete
  37. wah, blogspot ternyata makin oye!

    ReplyDelete
  38. wah..., kayaknya bisa dicoba nmie..., tapi sayang aku sudah merombak template aku buat memaksa munculin komentar yang sehalamaan posting. jadi musti edit template lagi dong.... :-(

    ReplyDelete
  39. saatnya menghidupkan kembali ndop.blogspotku!!!!!!

    HOREEEEEEEEE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    ReplyDelete
  40. saya sudah mencoba nang, tapi ndak ada kata-kata "disemat di bawah entri"
    pilihannya cuma dua saja...

    fiuh, saya keknya musti ngoding kek punyanya mas anang...

    wadow...

    ReplyDelete
  41. tes...tes..tes...ntar nyoba lagi klo ada waktu ah

    ReplyDelete
  42. @Anang
    muncul error mas seperti ini pesan errornya:

    -------------------------------
    Maafkan kami, tapi kami tidak dapat menyelesaikan permintaan Anda.

    Saat melaporkan kesalahan ini ke Pendukung Blogger atau pada Kelompok Petunjuk Blogger, silakan:
    Jelaskan apa yang Anda lakukan ketika Anda menjumpai kesalahan ini.
    Sediakan kode kesalahan dan informasi tambahan berikut ini.
    bX-hwhlxd
    -------------------------------

    kejadiannya cuma di opera doang mas.. aneh ya

    ReplyDelete
  43. Waduuhh cihuy uyy semua suhu blog anang, kang rohman, o-om bahasannya sama semua uy..

    Pateeennnn :)

    ReplyDelete
  44. Coba jawab pertanyaan mas jimmy :D
    udah dicentang blom expand widgetnya waktu ngedit htmlnya
    hehe

    ReplyDelete
  45. matur tengkyu informasinya kang

    ReplyDelete
  46. mas anang, makasih buat infonya. nanti kalau ada waktu saya coba di account saya.

    ditunggu tips dan trik lainnya. hehehe... thx.

    ReplyDelete
  47. sep sgera ke TKP mas...thanx :)

    ReplyDelete
  48. ok..ok..
    akan saya update blog saya,nunggu waktu yg agak luang dulu coz dah tak rombak total.
    makasih anangku..bukan anangnya ato anangmereka..:p

    btw., kok theme commentnya mirip ma Herman Saksono yak?, hehehee...

    ReplyDelete
  49. thanks infonya yah.nyoba komen aaaahhhh....:d

    ReplyDelete
  50. sip2,,, blogger makin JOS!
    hehehe =)

    ReplyDelete
  51. sangat bermanfaat... nanti blogspotku tak modif lagi... nah inline begini nih yang kereennnnnn... mengejar wordpress???? hehehehe

    ReplyDelete
  52. Thanx, infonya... berguna banget. Salam sesama arek Suroboyo pak

    ReplyDelete
  53. apa aku harus balik lagi ke blogspot? aaaaah.......

    ReplyDelete
  54. waahh bagus2..pengen juga nehh cm ribet ngga sehh dakuw kl liat kode2 gt belum2 udah mumet nehh hihi...
    tak cubone ahkk...
    makasih yaa nang....infonnyaaa....

    ReplyDelete
  55. wah sayang diriku gak punya blog di blogspot

    ReplyDelete
  56. hore.... it's really work! matur tengkyu mas anang...

    ReplyDelete
  57. wah hebat euy mas nanang, eh, blogger, eh, halah:D

    ReplyDelete
  58. Nah ini baru asyik, top banget dah! Makasih infonya!

    ReplyDelete
  59. bro! gua juga mau dong yang operamini modif versi 3, bisa download dimana nih?

    ReplyDelete
  60. Asiiikkkk.... Sekarang Blogger dah ga riBed lagi !!!


    Pelatihan Khusus Pembuatan Website berbasis Blog untuk siswa Sekolah Menengah Atas.

    Fasilitas Pelatihan :
    1. Free Domain atas nama sendiri
    2. Hosting 150 Mb
    3. Bandwidth 2 Gb
    4. Unlimited Email
    5. Modul Pelatihan
    6. CD Tutorial
    7. Sertifikat
    8. Maintenance & Support

    Hanya dengan 275rb per orang

    Keterangan lebih lanjut Hubungi Customer Service kami :

    Email : islands.marketing@yahoo.com
    islands.marketing@gmail.com
    Info@islandstudio-id.com

    Atau Kunjungi kami di : www.Islandstudio-id.com

    ReplyDelete
  61. Hmmm.....ini to? Makanya aku lihat di beberapa blog kok sudah pakai kotak komentar yang ini? Provided by blogger ternyata.

    ReplyDelete
  62. wah... blogspot mulai modif comment niy... wordpres musti ati2 niy... oy2...oy2... wordpreser dikau dah disaingin.... hiks...hiks... btw gud ulasannya mas...

    ReplyDelete
  63. maturnuwun sanget, mas... wah seneng banget nih baca info ini. jadi ga cape klo mo ngomentarin... aku ud coba, cuman lom sempet nge tes nihhh. smoga berhasil... amin.

    ReplyDelete
  64. mas anang... kode Tata Letak > Edit HTML, lExpand Template Widget. dalam blog saya tidak ada? adanya ubah navbar blogger.... gimana untuk bisa ditemuin nya?

    catatanharianpenghulu.blogspot.com

    ReplyDelete
  65. wah..jadi sering komen

    ReplyDelete
  66. busyet, komenku kedelet yo?

    cuma mau bilang, matur tengkyu atas petunjuk praktisnya mas..

    ReplyDelete
  67. ada beberapa fitur baru di blogger.com selain komentar ini.

    silakan baca di http://mfahmia2705.blogspot.com/2008/07/fitur-fitur-baru-di-bloggercom.html
    *maaf Nang, numpang nyepam, hahaha...*

    ReplyDelete
  68. Assalamualaikum Warahmatullahi Wabarakaatuh..

    Wah hebat juga mas...

    kok bisa tau sih tentang kode itu?

    oooo iya mas...

    sedikit mau nanya nich..

    kalau comment yang pake gravatar gimana ya??

    bisa ga ya? mungkin itu bisa jadi inspirasi mas... hehehhehehe..

    Wassalamualaikum Warahmatullahi Wabarakaatuh..

    ReplyDelete
  69. nah ini dia nih yang gua tunggu2, makasih deh mas Anang update-nya gua simpen dulu deh, oh ya kalo lihat blogger id dimana yah? maklum newbie hehehe....

    ReplyDelete
  70. duh emang mas satu ini.. terus ga abis2 tips nya..

    Viva blogspot..

    ReplyDelete
  71. mas anang, klo code-nya seh udah sama, yg jadi masalah skr adalah pas di menu komentar hanya ada dua list pilihan yaitu "Halaman penuh" dan "Jendela munculan",,,,klo list "Disematkan dibawah entry" ini ga ada. Gimana caranya ya?,,please bantuin y?

    ReplyDelete
  72. Mas anang, saya sudah terlanjur pake Halo Scan..
    terus waktu saya coba merubah kode html nya, kode yang mas anang berikan tidak saya temukan??

    ReplyDelete
  73. ups, ternyata bisa mas anang... terima kasih buat tips nya...
    tapi mas kalo boleh tanya.. cara tampilin komentar terbaru di side bar gimana ya mas???

    ReplyDelete
  74. Makasih Nih Mas Anang.akhirnya tips ini jadi juga..udah belajar dari sana sini..hehe

    udah jadi sekarang..thanks banget tak terhingga nih..

    ReplyDelete
  75. trima kasih infonya, sya coba dulu.

    ReplyDelete
  76. mas anang, kta2 expand template d bagian edit html sy kok gada yaaa?? thx b4

    ReplyDelete
  77. Mas Anang,
    punya saya cuma tampil sebentar kotaknya, lalu menghilang.
    Itu kenapa yah?

    ReplyDelete
  78. mas cara ngetahui blog id nya gmn mas?

    ReplyDelete
  79. Salam kenal, Mas Anang.

    sudah berapa kali saya coba masuk ke draft.blogger.com, tapi tidak bisa... gimana solusinya? Saya coba pakai selain opera juga gak bisa...

    Makasih banget atas totorialnya, Sukses selalu Mas...

    ReplyDelete
  80. Mas ANANG!!! HELP ME!!!

    PAS UDA WA TES KOK POSTNYA ILANG???

    MALAH GAK AKU BACK UP LAGI HIKS T_T

    SOME1 HELP ME

    ReplyDelete
  81. Mas Makasih banget yah,, blog saya udah tampil form comentnya,, tengs alot mas!!

    ReplyDelete
  82. mas blog aq gak ada scrip tsbt. memang dari templatenya ga ada form komentar. gmn mas carany ngasik form tsbt. aq pake template "andreas04". mohon bantuanya.

    ReplyDelete
  83. mas gimana ya, ko' hasil komentarnyaa ga' muncul... apa ada yang kurang dengan kodenya...

    ReplyDelete
  84. editor HTMLnya udah tak edit tapi malah error, gimana ya??

    ReplyDelete
  85. udah bisaaaaaaaaaaaaaa na na na na ,makasih banyak OM :D

    ReplyDelete
  86. mas, comment box aku hilang ni !
    cara muculinya gmna ya ?

    maklum masih pemula... ^_^

    ReplyDelete
  87. I apologise, there is an offer to go on other way.

    ReplyDelete
  88. syukurlah kalau kayak gitu....jadi kita gak perlu terlalu susah-susah.......

    ReplyDelete
  89. Mas, kok gak bisa yah buat kotak komentar. pan disimpan kodenya keluar warning tidak bisa disimpan karena tidak well..... mohon pencerahannya

    ReplyDelete

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia. Jika anda tidak punya blog/website, kolom URL boleh dikosongi.

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan)