Monday, August 8, 2011

Pasang Tombol Reply Pada Kolom Komentar

Apabila sobat berkunjung ke suatu website/blog pasti pernah melihat fitur Reply yang terdapat pada kolom komentar blog tersebut. Biasanya fitur tombol reply berguna untuk membalas setiap komentar pengunjung. Kali ini saya akan share cara membuat tombol reply yang telah saya modifikasi sedikit.

Untuk membuat fitur reply tersebut berikut langkah-langkahnya
1. Login ke akun blogger sobat seperti biasa
2. Klik Rancangan > Elemen Laman. Perhatikan pada kolom addres bar, disitu terdapat ID blog sobat yang akan kita gunakan untuk membuat fitur tombol reply. Apabila sobat kesulitan mengenali ID blog anda silahkan lihat contohnya pada gambar dibawah ini. Kode ID ditunjukan pada kotak berwarna biru (itu adalah id blog saya). Silahkan catat/copy ID blog sobat.


3. Kemudian lanjut dengan mengklik Edit HTML
4. Centang Expand Widget Template, kemudian cari kode seperti ini <data:commentPostedByMsg/>, dan pastekan kode berikut ini dibawah kode <data:commentPostedByMsg/>.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID blog anda&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=300,height=300,&quot;);return false;' style='padding:0px 5px; border:1px solid #ffffff; font-family:Verdana, Geneva, sans-serif; font-size:10px; font-style:normal;'>Reply Comment</a>

Keterangan
  • Kode bewarna merah ganti dengan ID blog sobat yang sudah dicatat tadi pada langkah 2.
  • Kode berwarna hijau silahkan sobat atur sesuai keinginan. 
5. Klik Simpan Template dan lihat hasilnya di kolom komentar blog sobat.

Screen Shoot


Sebagai bonus tambahan, apabila sobat blogger ingin menampilkan gambar sebagai ganti tulisan "Reply Comment" silahkan copas kode berikut (caranya sama seperti langkah-langkah di atas). Ganti kode berwarna biru dengan alamat url gambar  sobat.

<a expr:href='"https://www.blogger.com/comment.g?blogID=ID blog anda&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=400"); return false;'><img alt='Reply Comment' src='http://i1182.photobucket.com/albums/x453/marioadit/gmbr%20blog/reply.png'/></a>

Apabila sobat mengalami kesulitan atau ada pertanyaan, silahkan berkomentar pada kotak komentar di bawah ini. Terima kasih semoga artikelnya bermanfaat.


Related Post

11 comments:

  1. boleh tunjuk contoh print screen tak...?
    pakcik dah try buat, mcm xjadi jer...

    ReplyDelete
  2. @Xavi De: print screen nya silahkan lihat pada kolom komentar tombol "Reply" ini dibawah postingan :)

    ReplyDelete
  3. Sob ..coba saya pasang gak bisa.kagak ada penutupnya,tapi setelah di tambah baru bisa.tapi okey juga.Maklum pemula di dunia blog.Salam kenal.thanks

    ReplyDelete
  4. @Aditya 'Mario':
    Makasih atas infonya sobat
    sudi mampir ke blog saya
    http://bikinorangsukses.blogspot.com

    ReplyDelete
  5. kira2 bisa nggak yaaa sobb... tombol replaynya kalo diklik gak kebuka di windows baru ????...

    ReplyDelete
  6. @flodesta:salam kenal jg..saya jg bru 6bln ngeblog sob n lg vakum..hehe

    ReplyDelete
  7. @B.O.S:ok.saya sudi singgah keblog sobat :)

    ReplyDelete
  8. @B.O.S:ok.saya sudi singgah keblog sobat :)

    ReplyDelete
  9. @B.O.S:ok.saya sudi singgah keblog sobat :)

    ReplyDelete
  10. @Shinobi Blog:hmm setahu saya blm ada tips n caranya sob.cz kbnyakan blog kl dklik sllu muncul koq window bru.ntar kl ada tips n caranya sobat sya kasih tw :)

    ReplyDelete

Mohon tinggalkan jejak/komentar sobat disini. Dilarang SPAM. Okey...