Sabtu, 18 Juni 2011

Memasang Balas Komentar di ruangan komentar blogspot

Para blogger/blogspot dari google,pada postingan ini saya New BerryMor akan mengutarakan cara memasang opsi Reply dari ruangan komentar pada blogger khusus blogspot ,sebelumnya New BerryMor katakan bahwa pada blogger Wordpress cara ini sudah otomatis terpasang dalam ruangan komentarnya. Meskipun demikian, pengguna blogspot juga dapat memasang opsi Reply ini di blogger Blogspot, pengguna hanya menambah sedikit kode HTML pada template.Seperti yang kita ketahui, cara ini bagi saya agak sedikit unik, dan mungkin saja untuk mempermudah pemilik blog maupun pengunjung dalam membalas komentar.

Yang sebelumnya pada Blog New BerryMor ini sendiri hanya berupa icon Reply namun tidak berfungsi sebagai mana mestinya ya kan..,contoh sebelumnya begini setiap pengunjung klik icon Reply diruangan komentar New BerryMor ini pasti tertuju ke kotak komentar yang kosong dibawah betul apa tidak tuh...,tapi sekarang sudah saya New BerryMor rubah pada tanggal 18 juni 2011,lumayan mumet nih otak..karena blog saya New BerryMor ini bukan Template yang disediakan Google pada umumnya, maksudnya Blog New BerryMor ini Template hasil download, jadi saya kombinasikan antara kode dibawah ini :

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

Dengan kode asli Template New BerryMor hasil download seperti dibawah ini :

<a expr:href='data:post.url + &quot;#comment-post-message&quot;' style='background-color:#000000;border:1px solid #333333;color:#ffffff;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:3px 10px;position:absolute;bottom:10px;left:12px;'>Reply</a>

Nah tuh..coba lihat,apa tidak pusing,.pusing dong bagi saya New BerryMor ,lagi pula cara yang saya dapatkan tidak sesuai dengan harapan, hanya dengan ketekunan,sabar dan mata yang sedikit agak jeli yang bisa mengatasinya,tapi munkin para master seperti kalian mungkin mudah saja. Baiklah jika kamu pengguna ingin membikin cara membalas komentar dengan hanya menekan icon Reply/Balas komentar, langsung saja ikuti cara dibawah ini :

  •  Login ke menu dasbor
  •  Klik Rancangan
  •  Edit HTML,selalu jangan lupa beri tanda centang pada kotak kecil 'Expand Widget Templates'
  •  Cari kode seperti ini <data:commentPostedByMsg/> atau jika tidak ada, cari yang seperti ini <data:comment.timestamp/> maklum kadang-kadang setiap template agak sedikit berbeda hanya letaknya saja dibolak-balik
  •  Salin kode dibawah ini di tempat penyimpanan atau langsung saja kalau sudah yakin Letakkan kode seperti dibawah ini diatas kode <data:commentPostedByMsg/> atau <data:comment.timestamp/>

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

Keterangan : Ganti tulisan yang berwarna Biru dengan id blog kamu,jika kamu mau mengetahui id blog kamu sendiri lihat angka pada address bar kamu, dan jika kamu ingin mengganti kata Balas Komentar yang muncul dalam ruangan komentar, ganti tulisan yang berwarna orange. Jika sudah,simpan template kamu dan lihat hasilnya. Upsss tunggu dulu ada yang ketinggalan kalau mau lebih menarik kamu bisa mengganti tulisan balas Komentar dengan icon gambar dan caranya, ganti tulisan berwarna orange dengan menambah lagi kode <img src='url-gambar'/> ganti url-gambar dengan alamat icon gambar kreasi kamu. Selamat belajar ya dan saya New BerryMor yakin kamu bisa terima kasih

Tidak ada komentar:

Posting Komentar