Memasang Reply di Komentar Blog

Nadia Naila

Friday, 1 July 2011

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.

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.


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/AVvXsEgalykL47Fzm9ki85OjL6Ke6LzI2Uav4TH27WO6nVFJAsvUbDmRoXEpn4C6BnIdK1Sfw9tUA85OI5P_pu3lgRHNcJYAFA-FyeaFKSDN4eSPcNsyMJVHG0zvZc0ibsoeZuOTBo500iRSFCqO/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOq7rRtNmzPW0ZTQ4PQV6FjVp28Zp0y8TS5jl_2eGh3F3MrcnXA2LcfzceOsPyG_5y7TG3MNaiLkPijVFr_JeRKmi6ihk-q0oK7oqlTBCNl4Z7D1eX8UYqM80OLJLwv0jzNP5rW9e9Np87/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHzPfY0-HcdHJQtOvFn7ekNqEdjtrU4IEMN1yXm-5jVLi9H1Vj_dY0NDyA4YBS_26J57q6lNTzJ6MlbQ3PLIpPBLDVMHy185b10nbL7bggI5MtADdyTjtJzfnL6dTAYrD2eFz8_9wCFcac/

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

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



Selamat mencoba. Semoga bermanfaat.

Tag : Tutorial