Wednesday 31 July 2013

Cara Unik Memasang Icon Reply dan Coment Pada Komentar




Trik ini adalah trik khusus untuk mempercantik tampilan komentar pada blog anda disini saya akan membagikan sebuah trik yaitu memasang icon reply dan coment pada komentar di blog anda jika anda merasa tertarik ikuti saja langkah dibawah ini....

Masuk blog anda
pilih template/edit html
cari kode <b:include data='comment' name='commentDeleteIcon'/> selalu gunakan ctrl + f agar mudah
jika sudah ketemu maka copas kode dibawah ini tepat dibawah kode diatas 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>
Catatan : silahkan ganti kode berwarna biru dengan ID Blog anda dan URL Icon yang akan anda gunakan...

Jika sudah save template dan lihat hasilnya....

Disini saya telah menyiapkan beberapa icon yang mungkin bisa membuat anda tertarik...

                                                          

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


                                                          

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


                                                           

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

             
                                                           

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



                                                         


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

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



Selamat mencoba Dan Semoga Bermanfaat.........

No comments:

Post a Comment