Menambahkan Tombol Reply/Balas Pada Komentar Blog

Pada artikel saya yang lalu cara-mudah-edit-template-blogger-menggunakan-ponsel ada salah satu pengunjung yang bertanya bagaimana cara menambahkan tombol Reply/Balas Untuk Komentar, sebenarnya artikel seperti ini sudah pernah saya tulis di blog saya yang lama namun karna blog itu sudah tidak update lagi dan kebetulan ada yang menanyakan jadi artikel ini akan saya share kembali di sini.


Membuat tombol balas/reply memang akan memudahkan kita untuk membalas sebuah komentar dari pengunjung yang berkomentar di blog kita tanpa harus menulis satu persatu nama pengunjung dengan menambahkan kode @ di awalnya.

Kita cukup mengklik tombol Reply dan menuliskan balasan untuk pengunjung.

Untuk membuat tombol Reply caranya sangatlah mudah:

1. Login ke blogger
2. Klik Rancangan lalu Edit HTML jangan lupa centang Expand widget templates

Lalu Cari kode:

<data:commentPostedByMsg/>

3. Copy kode di bawah ini dan letakan persis dibawah kode diatas:

<span><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#form&quot;'
onclick='javascript:window.open
(this.href,
&quot;bloggerPopup&quot;,
&quot;toolbar=0,location=0,statusbar=
1,menubar=0,scrollbars=yes,
width=450,height=450&quot;);
return false;'>[Reply]</a></span>

<span><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#form&quot;' onclick='javascript:window.open (this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>[Reply]</a></span>
Tombol reply di atas hanya menggunakan TEKS jika ingin menggunakan gambar seperti yang ada di blog saya gunakan kode di bawah ini.

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1008989450370463705&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#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=
1,menubar=0,scrollbars=yes,width=450,
height=450&quot;); return false;'><img alt='Reply To This Comment' src='http://ilusi.jw.lt/logo/Reply.png'/></a>

<a expr:href='&-quot;https://www.blogger.com/comment.g?blogID=3986197517513009648&-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#form&-quot;' onclick='javascript:window.open(this.href,&-quot;bloggerPopup&-quot;,&-quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes, width=400,height=450&-quot;); return false;'> <img src='http://ilusi.jw.lt/logo/Reply.png' align='right'/></a>

4. Lalu Simpan Template

Keterangan:

Ganti kode yang Berwarna merah [ID Blog anda] dengan ID blog anda, caranya adalah: masuk Dashboard lalu klik Posting Baru, Perhatikan adress barnya, di adress bar akan muncul beberapa digit angka [letaknya paling belakang], itulah ID blog anda.

Ganti kata[Replay] dengan yang anda mau.
Dan kode yang berwarna hijau dapat anda ganti dengan url gambar yang lain.


semoga bermanfaat...