Cara membuat Reply Comment di Blogger

Posting ini dimaksudkan untuk semakin melengkapi posting yang sudah ada. Kita akan membuat sebuah fungsi reply comment atau sebuah text link yang difungsikan untuk membalas komentar. Letak teks link dengan bentuk [Reply] ini nantinya berapa diujung terbawah sebuah komentar, tepatnya berada di bawah tanggal saat komentar diterima. Jika sampeyan tak begitu suka dengan link dalam bentuk teks, silahkan ganti teks link tersebut dengan image. Menggantinya cukup mudah karena tinggal hapus [Reply] kemudian tempatkan sebuah link image dalam bentuk kode : <img src="image-reply.jpg" width=".." height=".." border="0" /> pada kode yang dihapus tersebut.

Untuk membuat Reply Comment kita harus membongkar kode html template dengan melakukan "Expand Widget Templates" karena disinilah posisi kode harus ditambahkan. Sebagai tindakan preventif agar template tak rusak ketika terjadi kesalahan saat penambahan kode baru dilakukan, maka sebelum menambahkan kode baru proses backup template wajib/harus dilakukan. Silahkan buka tutorial tentang backup templates dan cara cepat mencari kode html yang terletak di "Special Tutorials" (menu sebelah kiri!) baru lemudian melanjutkan membuat reply comment.

Langkah membuat fungsi reply comment

• Login ke blogger
• Dasbor
• Design/Rancangan
• Expand Widget Templates
• Backup templates
• Cari kode :
  <b:include data='comment' name='commentDeleteIcon'/>
  Gunakan Ctrl + F untuk mempercepat pencarian kode!
• Perhatikan di bawh kode tersebut ada beberapa kode lain yang seperti terlihat di bawah ini!

<b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

• Copy kode html berikut!

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=BLOG-ID&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=450,height=450"); return false;'>[Reply]</a></span>

• Ganti Blog-ID dengan ID blog Anda. ID blog bisa dicopy dari address bar tepat di atas halaman blog. Lihat kode yang terletak di address bar dan copy ID Blog kemudian pastekan pada kode html reply comment! Lihat contoh ID berikut:

http://www.blogger.com/html?blogID=3579245116022780252&tpl=true

• Setelah ID blog dipastekan pada kode html reply comment dan kode html template akan terlihat seperti berikut:

<b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
<span><a expr:href='"https://www.blogger.com/comment.g?blogID=3579245116022780252&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=450,height=450"); return false;'>[Reply]</a></span>
          </b:loop>
        </dl>
      </div>

• Save Templates
• Buka blog yang ada postingnya kemudian buatlah komentar.
• Coba gunakan reply comment

Mengganti text link replay comment dengan image
Link image pengganti terlihat bercetak tebal.

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=3579245116022780252&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=450,height=450"); return false;'><img src="image-reply.jpg" width=".." height=".." border="0" /></a></span>

Catatan/Keterangan:

1. Reply comment dalam tutorial ini diperuntukkan bagi template/blog non-Threaded Comments.
2. Bagi yang yang ingin menggunakan Blogger New Threaded Comments (komentar bersusun/bertingkat), dimana boks komentar secara otomatis akan mempunyai button teks Reply (Balas), silahkan ikuti panduannya melalui link berikut ini:
   Trik membuat blog menjadi Threaded Comments

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

» Happy Blogging - gubhugreyot «