Headlines News :

Home » » Cara Membuat Fitur Reply Comment (Balas Komentar) di Blogger

Cara Membuat Fitur Reply Comment (Balas Komentar) di Blogger

Written By .:: Chika ::. on Friday, September 23, 2011 | 9/23/2011 12:58:00 AM


Hack ini digunakan untuk menambahkan link fitur balas komentar Blogger. Ketika link tersebut di klik, maka akan muncul pop up window komentar baru, sama dengan jika anda melakukan setting kotak komentar agar muncul sebagai window baru dan bukan menyatu dengan bagian posting (berada di bawah posting).




Langkah-langkah menambah fitur reply to comment:




1. Copy kode berikut ke notepad atau text editor yang lain:

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

"2. Cari"ID blog
"Anda Dari dashboard, buka halaman design, coment, post atau yang lainnya.
Lihat ke kotak Url dibagian atas browser. lihat bagian belakang Url. Dibagian itu akan terlihat ID blog".



"Contoh :"


http://www.blogger.com/post-create.g?blogID=3293775847481849705 

"Di bagian warna merah itulah ID blog Anda,Copy Angka ID Tersebut. Jangan Sampai Ada Ke-keliruan Dalam Mengopi."


"3. Ganti"ID-BLOG-MU
Dengan Angka ID Yang Telah Di Copy Tadi. "


"4. Ganti "
Reply
"Dengan Text Lain Yang Di Inginkan,"


"5. Masuk Ke Edit HTML/Template,"
"Centang/Clik '"Expand Widget Templates
"' (ni yg sering banget kelupaan, bis tu komen marah2 bilang kode yang harus dicari ga ada meskipun berulang2 dicari pe jenggotnya tambah panjang 5 meter")"

"7. Cari Code Berikut: "

<data:commentPostedByMsg/>

8. Masukkan seluruh kode yang telah diganti ID-nya tadi tepat DI BAWAH / SETELAH-nya.

9. Save Template.


Mengganti Text 'Reply' Dengan Gambar/Image Botton


Jika ingin mengganti text 'Reply' dengan gambar, cukup ganti text tersebut dengan script gambar.

<img src='http://urlgambar.com/gambar.jpg' />

"Selengkap-Nya Copy Code Berikut :"

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID-BLOG-MU&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=450,height=450&quot;); return false;'><img border="0" src='http://urlgambar.com/gambar.jpg' style='float:right;padding:4px;' title"Balas Komentar Ini"/></a></span>

"Ganti Dengan Url Gambar Tombol/Icon Reply Untuk Blog,"


Kostumisasi Posisi Tombol/Gambar Reply Button 

Ganti http://urlgambar.com/gambar.jpg  dengam url gambar reply button. Ganti right dengan left jika ingin gambar berada di sebelah kiri (tepat di sebelah nama komentator). Atur nilai padding 4px untuk memberi besaran ruang kosong di sekeliling gambar. Ganti Balas Komentar Ini dengan kalimat atau perintah lain. Atau, tinggalkan begitu saja.




Gambar Tombol/Botton Comment Reply.


Untuk mendapatkan gambar reply button yang sesuai, anda dapat dengan mudah mencarinya di Google atau gunakan gambar berikut sebagai tombol reply komentar:


Penting! Upload dan host sendiri gambar-gambar tersebut karena sewaktu-waktu gambar-gambar tersebut  dapat dihapus. Klik kanan, pilih 'save as'. Upload gambar ke Blogger (Picasa) atau lainnya.

demo blogger comment reply
Catatan: Beberapa problem yang muncul biasanya bersumber pada pencantuman ID blog yang keliru dan kesalahan dalam mencari kode yang sama persis. Pastikan benar mencentang 'Expand Widget Templates',  jika tidak ketemu, cari tanpa tanda < dan >.SELESAI

Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Support : Copyright © 2011. Chika Wap - All Rights Reserved
Proudly powered by Blogger