Sabtu, 14 Juli 2012

Reply button pada komen

Edit Posted by with No comments
Preview:

Ikuti tutorial di bawah untuk cara pasang reply button pada komen ini:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod
<b:include data='comment' name='commentDeleteIcon'/>


4) Kemudian copy kod di bawah, dan paste SELEPAS / DI BAWAH kod <b:include data='comment' name='commentDeleteIcon'/> tadi
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID BLOG ANDA&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;'><img alt='Reply To This Comment' src='URL BUTTON REPLY ANDA'/></a></span>


Contoh:
 <b:include data='comment' name='commentDeleteIcon'/>

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID BLOG ANDA&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;'><img alt='Reply To This Comment' src='URL BUTTON REPLY ANDA'/></a></span>

Nota:
ID BLOG ANDA - Masukkan ID blog korang. Tak tahu camne nak dapatkan id blog? refer di tutorial ini
URL BUTTON REPLY ANDA -letakkan url gambar button reply yang korang nak. Boleh search di google, atau just copy url button yang disediakan di bawah:

http://img444.imageshack.us/img444/3084/replybuttonred.png


http://img269.imageshack.us/img269/6203/replybuttonpurple.png


http://img21.imageshack.us/img21/1659/replybuttongreen.png


http://img692.imageshack.us/img692/5678/replybuttonblue.png


http://img193.imageshack.us/img193/2958/thesilvertreespritingfi.png


http://img576.imageshack.us/img576/4171/treplyb.gif


http://img841.imageshack.us/img841/5407/replybutton.jpg


http://img41.imageshack.us/img41/350/reply3l.gif


http://img864.imageshack.us/img864/8449/reply2.gif


http://img225.imageshack.us/img225/5681/replyt.gif


http://img824.imageshack.us/img824/2202/84379010.png


http://img688.imageshack.us/img688/2853/90595834.png


http://img843.imageshack.us/img843/7505/80872001.png


http://img828.imageshack.us/img828/9420/87249541.png

http://img641.imageshack.us/img641/9880/68119496.png


http://img263.imageshack.us/img263/9234/61790744.png


http://img252.imageshack.us/img252/5628/buttontopicreply.gif



http://img12.imageshack.us/img12/2073/buttonpmreplyi.gif


http://img269.imageshack.us/img269/6886/animatedreply.gif

Kredit button :
aina-hanani.blogspot.com
5) Dah selesai, klik preview, jika tiada error, klik save template dan lihat hasilnya.

Selamat mencuba! :)



Silahkan COPY vs PASTE artikel di blog ini, tapi bawa juga LINK saya. http://noviapriandewi.blogspot.com/ Follow Me at twetter@Novi_priell

0 komentar: