Nov 30, 2011

Memasang Opsi Reply Di Form Komentar Blogger

Pada postingan ini saya akan menunjukkan cara memasang opsi reply di form komentar blogger. Seperti yang kita ketahui, tool ini sangat berguna untuk mempermudah pemilik blog maupun pengunjung dalam membalas komentar.

form komentar
Kalau pada platform Wordpress tool ini sudah otomatis terpasang dalam form komentarnya. Lain halnya dengan platform blogger. Meskipun demikian, anda juga dapat memasang opsi reply di blog blogspot anda hanya dengan sedikit penambahan kode pada template blog anda.

Bagi anda yang ingin mengetahui bagaimana cara kerjanya, langsung saja praktek di blog ini karena saya sudah memasang opsi reply di form komentar.

Nah bagi anda yang tertarik untuk memasang opsi reply di form komentar blog anda. Berikut tutorialnya:

1. Login ke menu dashboard Blogger. Buka menu Design -> Edit HTML

2. Beri centang pada 'Expand Widget Templates'

3. Cari kode

<data:commentPostedByMsg/>
atau

<data:comment.timestamp/>
4. Letakkan kode berikut diatasnya

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

Ganti tulisan yang berwarna merah dengan id blog anda. Untuk mengetahui id blog anda klik menu Design lalu perhatikan digit angka pada address bar anda, Bisa anda lihat di edit html di bar menu.


Jika anda ingin mengganti kata reply yang muncul dalam form komentar, edit tulisan yang berwarna hijau.

5. Kalau sudah simpan template anda dan lihat hasilnya.

Agar lebih menarik anda juga bisa mengganti tulisan reply dengan icon gambar. Caranya, ganti tulisan berwarna hijau dengan <img src='url-gambar'/>

Jangan lupa ganti url-gambar dengan alamat icon gambar anda. Misal: http://lh4.ggpht.com/_15FopxVONSo/TEF6-vtUqHI/rcwCiaUc-Os/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/AVvXsEjedwzG1FJCrRQCU92moOGluMyM4vBL2zP8y0SUbrtv6OxMtUQyASH2s0vDonJZaoXhO9Hai86v1RpZ8gOmaoEPSslwV4sxhWw2pY1zPFHLPofFfL5jtRhIaqn5Rie9PS8V8OyEaQLxbTE4/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWLuuH8OlN32y1K8HXYhIT3Ly0M6JNMPXEf9UA8-xp2uytwIGxXEucrH-Of8HyoEne1UmOe6rQOAb-QjEv691SRcmeZ8a6rX8vy1E5Sb2g_5oCd6NBb8BTbqxuvmedXjU6XoUDjY-MJ9Md/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpkkb2gX5RtPe8tcb-vgvyaQh-l1tcv8yOSysGD_a8IcPGFdSftgVaWc6bEukC0o6oPu7mQCYDa9WyefLJ6Zyr6phFtIl4RcoECoLApf29zooS__QFUqqAJZHUI4jY209PfoSRhPcLXGkd/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilaJ4-bvYAz4tJpSWto1QR9HxX6vPHVcUw-2WYQbUTzI3sfN2XRow6mIZDx0la4N5rkyf_6UCxCXgUDZ5b3Gdr6o2NV22bcVLp6pbupXOj3lrm-1HuBATWjVniuker0mIRdOQO_xDd_3eM/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBda7FjNhdfX3X_k58YvccanyW7P3RzIBkKMAmNqvscyVBLtQGCkQncj_OeIV0WfImL_Cei7y9cxcAm-08z1xHMq28aeIkd_mImI1-eqGRGo7i_gwV2X9GoxEgLxZzEXmdni339t6ATUGN/


Selamat mencoba. Semoga bermanfaat.

AKTUAL NEWS ONLINE

Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

0 comments:

Post a Comment

Komen yang bijak sangat di nantikan...! Terimakasih..