• img

Membuat Tombol Reply Comment di Blogspot

blog sauted | Selasa, 02 Agustus 2011 | 14:54

Membuat Tombol Reply Comment di Blogspot. Bowi Berbagi akan membagikan cara Membuat Tombol Reply Comment di Blogspot, jika anda lihat pada gambar disamping (klik untuk memperbesar) maka anda akan melihat tulisan [Reply Comment]. Reply Comment itulah yang digunakan untuk membuat anda membalas komentar seseorang dengan mudah. Untuk dapat membuat itu anda harus mengotak-atik bagian HTML/Javascript anda, tetapi tenang saja Bowi Berbagi akan menjelaskan caranya.

Langkah-langkah membuat Reply Comment :

  • Log in ke Blogger
  • Pilih bagian "Rancangan"
  • Pergi ke halaman Edit HTML
  • Beritanda centang tulisan "Expand Widget Templates"
  • Sebelum anda berexperimen dengan HTML anda, sebaiknya anda menggunaka langkah baik terlebih dahulu dengan cara meng-download template anda sebelumnya (Backup).
  • Pertama anda cari kode <data:commentPostedByMsg/>
  • Kemudian copas semua kode dibawah ini dan letakan dibawah kode tadi
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=56554123993530*****&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%3A%20#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;' style='padding:0px 5px; border:1px solid #ddd;'>;Reply Comment</a>
</b:if>
  •  Untuk nomor yang berwarna biru diatas anda ganti dengan ID blog anda (http://www.blogger.com/post-create.g?blogID=56554123993530*****), untuk tulisan yang berwarna hijau dibawah anda ganti sesuka anda tulisannya (Balas komentar, Reply, Balas, dll)
  • Sekarang simpan template anda, dan lihatlah hasilnya. Jika anda gagal atau ada kesalahan anda gunakan saja hasil backup template anda tadi dan mengulangi cara ini lagi.
Jika anda tidak menemukan kode <data:commentPostedByMsg/> silahkan anda gunakan cara lain yaitu dengan mencari kode <b:include data='comment' name='commentDeleteIcon'/></span> dan letakan kode reply tadi dibawah kode tersebut. Lihatlah hasilnya dibawah ini
<b:include data='comment' name='commentDeleteIcon'/></span> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=56554123993530*****&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%3A%20#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;' style='padding:0px 5px; border:1px solid #ddd;'>Reply Comment</a></b:if>
Tulisan Reply Comment yang berwarna hijau tersebut dapat anda ganti dengan gambar dengan menggunakan kode ini <img src='http://alamat-gambar-kamu.jpg'/> 
Bagaimana tutorial yang Bowi Berbagi berikan, pastinya mudah dipahamikan dan jika anda ada yang kurang mengerti silahkan anda berkomentar di bawah postingan Membuat Tombol Reply Comment di Blogspot. Selalu kunjungi Bowi Berbagi jika ingin mendapat Tips dan Trick yang lainnya dan janga lupa untuk membaca postingan Bowi Berbagi yaitu Forum Bertanya Terbaik Menggunakan Bahasa Inggris.
Source: bowi-berbagi.blogspot.com

Saat ini SAHABAT berada di area blog sauted dengan artikel Membuat Tombol Reply Comment di Blogspot.
<< >>