Pasang tombol replay di kotak komentar

Salah satu cara membalas komentar dengan cepat dan praktis adalah dengan memasang widget replay pada kotak komentar blog. Pada dasarnya sama saja dengan membalas komentar pada umumnya, namun cara ini lebih praktis dan cepat. Karena tombol replay to comment berada di samping ID sang pemberi komentar, jadi bisa langsung memberikan komentar. Berbeda dengan replay pada fasilitas seperti blog yang laennya yang menempatkan komentar balasan dalam satu kolom dengan komentar pertama. Untuk widget yang sekarang kita coba membuat yang simple.


Buat yang belum memasangnya, berikut ada sedikit langkah mudah untuk memasangnya di blog. Sebelum memasangnya, silahkan backup template-nya terlebih dahulu, untuk menghindari hal-hal yang tidak di inginkan.






Berikut langkah - langkah project latihan kita kali ini.
1). Silahkan login dulu ke Blogger dengan akun sobat
2). Kemudian masuk ke halaman Rancangan ==> Edit HTML lalu centang pada kotak Expand Widget Template. Lakukan Back Up terlebih dahulu pada template blog sobat, untuk jaga-jaga dari kegagalan prosesi sehingga sobat bisa langsung merestore template Blog seperti semula.
3). Selanjutnya cari dan dapatkan kode di bawah ini! (Bila susah mencarinya gunakan fasilitas search dengan menekan tombol Control+F3 pada keyboard)

<dd class='comment-footer'>

Atau
<b:include data='comment' name='commentDeleteIcon'/>


4). Klo udah ketemu, taruh kode dibawah berikut dibawah salah satu kode diatas:

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BLOGIDSOBAT&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;'>[Reply Comment]</a></span>

KET:: Jangan lupa ganti Kode BLOGIDSOBAT dengan BLOG ID sobat (Kode Blog ID terlihat Di Browser Internet pada saat sobat melakukan posting/ edit HTML di dasbor).Seperti contoh posisi Blog ID pada gambar di bawah ini!


Jika anda ingin mengganti kata [Reply Comment] yang muncul dalam form komentar, edit tulisan yang berwarna hijau.


5). Kalau sudah simpan template anda dan lihat hasilnya.


KET:::
Jika ingin menaruh Fitur Replaynya tepat dibagian teks body, contoh seperti punya saya, maka kode yg diatas td, harus menempatkannya dibawah kode : <span class='interaction-iframe-guide'/> . 


6). Agar lebih menarik anda juga bisa mengganti tulisan [Reply Comment] dengan icon gambar. Caranya, ganti tulisan berwarna hijau dengan <img src='url-gambar'/>

Jangan lupa ganti url-gambar dengan alamat icon gambar anda. Misal: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqFLGK5f9XhIwwBA7gAQuvuwvAlz8KKvqk07p44DAAmIwPqGNqvVLwc2bdJ5CWFFNeSecuXIVMVXjeK0Vq8y7x14Fbg5pE-lhrp0u9lK4Q7Yr6Oa8IqyPNwpHPj1iZXuMGCVQLjeEhSwJm/s400/reply.png

Sebagai contoh, berikut saya sediakan beberapa model icon reply. Kalau tertarik, silahkan upload icon gambar tersebut ke image hosting anda atau copy saja alamat gambar icon disamping untuk menggunakannya.


 -->https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjawpihvWPUOQWlmqPvPggPbokARhjZNZbknaDBFE3H_0k2UXYnwHg7AjbbZcj938a_fTuQYL1mKs2NIKiuVwHCh3Nv7JVn2Pn3_sgg4yjtPrlzD9PRbVa-fENcOw0fPMapD51MP1TWQLR/

 --> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5TBHB8tBsvGloZuTI2xT_ogti0LNc-JPAMBViJBc77BTWrzGmT8kQX146SwIk4apYcnPXZKvCFR7HOWAKpzZvtGCTW5M-zbEocGlwRNhMaWbAMMJHxOR25m_OjW5LtfGoLvO5LDKPrDR6/

 --> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-6GwAeaCz4ydbhhK4A_N7h-AnBpcRd7qLPPpj1metpyDARCoGLzS_pPZ5FcEgaV24woWZMatRRwOxoCjTX4Z2jV3L7CNXYctT7Au_SBfA-sN5DPRg6cO1SrrYUTa0ZAUVC77FHVtum0Dw/

 --> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt_VzxnB-eRb_xpwCa3RZ1jovbcchShGGvWKi0NFw-YSvvHupTvqP39szFk6dLzPokENMIPnCGya5TSo9LgcIoynblXAFeyJaORihA3eynz70QoRe3LHvib9gSkOpwv9B3JeJs_uf5VXtJ/

 --> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga-W4N7M5ECBfBB7DRZbJY1b2rbEW1Gd01abnGwKLR58c14Wo12_SqwzYfAWFNBnYl4BIO0bRddAXLGRjEZjrukfiTa8MxkKHA5VNqnNY5JPz6MokIJ7CM2sqTPYSBiKteRA0l6Gu7q6YA/

NB" Jika sobat ingin memasang tombol replay ditempat lain anda bisa mencari code<data:commentPostedByMsg/> Atau <data:comment.timestamp/>. dan letakkan code diatas tadi, diata kode<data:commentPostedByMsg/> Atau <data:comment.timestamp/>.

Selamat mencoba. Semoga bermanfaat.

sebagai bloogerr baek hati... jangan lupa sertakan sumber