Memasang Opsi Reply Di Form Komentar Blogger

Posted by Herman on Saturday, July 17, 2010 27 comments

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.


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/AVvXsEhjhhZl45ZjI9yW09VkVtVJCv-r8Wj00ai5JRg0JI7ZUwvpBzOXF1AZKQTb4DmSutvCeC2E_PVFuVd8Mdm86Ok41lv9o_UnBKybsQbcLtbz4SV5iLu279h9gitWpm74oE1dG7Aakq2qG3wq/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-oXbVP7zJurNCnUesbfp19t1lLtYEFb6OnWj_2U-M7oUT85IlOmcvNdbBIBKjgMf1OVa5cDnpXDi4mOFC7LY_kl4s5iTOtlWzfOVuw70PMSJzmBJQYeLo-zzfhA0qiSRsZc2qbe1M-U0O/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1VnNr6daCENjPqm18_SUZmBKdjLDXhOefy2UFMaUU-lN6Fub42GGlkLxl5ajbcPk_lr48du73bqtBffzw-Aa6_urzN6ejBRx7MeOcu_EytDCDYyPBRg7_bhKYR6o6p4clyljffIakE4Gh/

--> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAVJkQFuQUD_SzA9VL6LHyLvg_z-NRrzYU1pQYVG9pi1pV-v4uv9-k4wEsAZX9_H0_DiZHyYpLoNzxvMzzQEideULhvCdplf6jLPuPs_3dFKgB0QmXq07E8dWUoHSgyTy5zLF2jJdwvrA/

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



Selamat mencoba. Semoga bermanfaat.


Recent Posts:

27 comments

Rachmat Naimulloh said... 17 July, 2010
Terimakasih atas ilmunya. :)
Admin said... 18 July, 2010
@Rachmat Naimullohtesting
sahabat blogger said... 18 July, 2010
@Sujawaah..mantap neh om
Domain said... 23 July, 2010
Waw keren banget ...cantik beneeer =((
ebook mata kuliah said... 27 July, 2010
@Domaincoba
Omend said... 28 July, 2010
@ebook mata kuliah

Test,....
sandy said... 01 September, 2010
cory sob... q dah coba pi g bisa2
tolong pencerahannya ... thank's
Herman said... 02 September, 2010
@sandy

bagian mas yang ga bisa mas. saya sudah coba berhasil tuh. coba diulangi lg mungkin ada langkah-langkah yg terlewatkan
epuljapanese said... 04 September, 2010
@ebook mata kuliahCek.
la tahzan said... 20 September, 2010
@Herman
= benar
ini sy dah coba & mantab hasilnya..
thanks kawan :D
Herman said... 20 September, 2010
@agus_ajah
sama2. hehehe...
antok ebleh said... 27 September, 2010
Testing dan sekalian injin pasang gan..
Anak Nelayan said... 07 October, 2010
mantab tutornya sobat
sayangnya kodenya gak ada di templatku
priagoenks said... 06 November, 2010
@Domain :coba juga ah
gd said... 17 November, 2010
@Rachmat Naimulloh coba sob
raygun said... 18 November, 2010
thx sya coba dulu
jalu rosyid abadan said... 11 January, 2011
thx infonya dulu saya juga pernah pasang tapi tiba - tiba hilang heheh
puluthriau said... 24 January, 2011
@ebook mata kuliah

Coba juga
Anonymous said... 08 February, 2011
kerennnnn :D
Unknown said... 08 March, 2011
Terima kasih mas...sudah tak coba semua
Unknown said... 09 April, 2011
@Herman sy coba dulu, smoga kali ini berhasil
Anonymous said... 04 June, 2011
:)) Thanks Inponya .
Davot Marbun said... 12 July, 2011
Thanks bos..Saya mau tes dulu
Heru Prasetyo said... 17 December, 2011
mas , blog saya udh bisa pasang emoticon .. tpi kok ga ada kolom gambar kayak yg diatas ?
Unknown said... 26 December, 2011
@Koisine Blog

test replay
Dav Dmilano said... 06 January, 2012
@Suja
testing satu dua tiga...
taufik said... 30 September, 2012
@Davot Marbun
tes

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Post a Comment