Jun 2, 2012

How to Highlight Author Comment in Blogger

Highlight Author Comment in Blog


Highlight Author Comment in Blog
Highlight Author Comment in Blogspot
Highlighted Author comment make the blog's owner comments looks different from the visitors comments
Follow these Instruction to Highlight author comment in Blogger (blogspot)

1:- goto blogger dashboard >> Template >> Edite HTML >> Expand Template

and Find  ]]></b:skin>


2:-Copy below codes and Past it before (above)  ]]></b:skin> 


.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}


Then Find >>

<div id='comment-body'>
              or 
<dd class='comment-body'>


3:-Copy below codes and Past it before (above) <div id='comment-body'>  or <dd class='comment-body'>



<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/> 


4:- PUT  </b:if> after End paragraph(code ) of

<div id='comment-body'>
              or 
<dd class='comment-body'>


Eg..

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<div id='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<div style='clear:both;'/>
<p class='comment-body' style='padding-right:10px;'><data:comment.body/></p>
</b:if>
</div>

</b:if>


ANY PROBLEM COMMENT BELOW :)


Like this Post ??? Then Pls Support us i have spent much Time to Write this Post  LIKE US ON FACEBOOK OR Follow OUR Blog :)



Subscribe Updates, Its FREE!

2 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. I have cheek you Blog and seen that you put the codes in wrong place and in wrong way

    i recommend you to restore your template with backup and try again

    BEST OF LUCK

    ReplyDelete

 

Copyright @ 2013 EgyTricks.

Designed by Vikash | EgyTricks