MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

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

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.

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

Add Author Profile widget in Blogger

Customize Author Profile Widget in Blogger

/*############################
                Author Profile
#############################*/
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 5px 7px 5px 5px;
border-left:2px solid #0073FF;
border-top:2px solid #0073FF;
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.profile-img:hover {
padding: 5px 5px 5px 5px;
border:2px dotted #00B309;
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.profile-data {
padding:0 10px 20px 20px;
padding:0;
font: bold 15px verdana,Arial;
color: #0073FF;
text-align:center;
}
.profile-data:hover {
color:#00B309;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-datablock:hover {
background: transparent url(http://www.matrixar.com/-in_oyhuIL30/UTh4PK728BI/AAAAAAAABGc/QJQsa2x01tY/s1600/admin.png) no-repeat bottom right ;
}
.profile-textblock {
color:#FFFFFF;
margin: 0.5em 0;
line-height: 1.5em;
padding:8px 8px 5px 0;
border-bottom:2px solid #0073FF;
border-right:2px solid #0073FF;
}
.profile-textblock:hover {
color: #00B309;
border-bottom:2px dotted #00B309;
border-right:2px dotted #00B309;
}
.profile-link {
display:none;
}

When possible, I'd really recommend keeping the robots.txt file as simple as possible, so that you don't have trouble with maintenance and that it's really only disallowing resources that are problematic when crawled (or when its content is indexed).