seo How Highlight Author Comments in Blogspot/Blogger 2013

on Saturday, March 30, 2013 | 0 Comment

Seo Master present to you:

How Highlight Author Comments in Blogspot/Blogger

This tutorial About How Create your author comments in blogger differently between visitor comments. And to design a better author comments you do not use a lot color "px" or use image background because it will use more resources and it is not good for your blogspot blog. So you design simple author comments but looks attractive and prominent.i Hope You Will Done Use these Steps.

Customize Author Comments in Blogger

1. Go to Blogger >> Template >> Edit HTML.

2. Give check "Expand Widget Templates" box.

3. Backup your template.

Orange Code.

.comment-body-author {
background: url(http://www.matrixar.com/-6Y9Ocs109wM/UTXkd2jqdZI/AAAAAAAABD0/bOCU0KZncWw/s1600/comment+author.png) no-repeat top right;
color: #621A00;
font-family: Arial, Verdana;
border: 1px dotted #E03C00;
padding:0 36px 0 20px;
margin:0;
}

Green Code

.comment-body-author {
background: url(http://www.matrixar.com/-NoS939qarZw/UTXoVzVi47I/AAAAAAAABEM/--wu99K9lPs/s1600/comment+author+0.png) no-repeat top right;
color: #013408;
font-family: Arial, Verdana;
border: 1px dotted #02CA1D;
padding:0 36px 0 20px;
margin:0;
}

Make your author comments you want to Change.

.comment-body-author { background: #FFFFFF; color: #0C1F0E;
font-family: Arial, Verdana;
border: 1px dotted #06DD22;
padding:0 5px 0 20px;
margin:0;
}

#FFFFFF use to change your background color
#0C1F0E use to change your font color
#06DD22 use to change your border color, dotted use to change border style you can replace with solid or dashed.

4. And search this code use [CTRL+F].

]]></b:skin>

5. And select one the author comments color you want and paste just above it.

6. Search this code Your Template Code too [use CTRL + F]

<data:commentPostedByMsg/> </dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<data:comment.body/>
<b:else/>
<data:comment.body/>
</b:if>
</dd>

7. And replace with this code.

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