Create the impression color for the author comment.!!!

This is the second part of the tip about changing the author comment style to be different from the visitors, if you feel too hard to add the code in 1st tip you can easily follow this step but you will get the same result.

The image next to here is the screen shot, easy to understand.

After doing the coding work, all the comments made by you on your blog will be special.




To change your comment style please log in to Blogger, go to Layout -> Click on "Edit HTML" tab.Then click on "Expand Template Widgets"

Find this code : </head>

Then paste this code above it :

Cut n' Paste

<code> <style><br /> .comment-body-author {<br /> background: #F5EDE3; /* Background color*/<br /> color: #000000; /* Text color*/<br /> border-top:2px solid #002F66;border-bottom:1.2px dotted #002F66 ;border-left:1.2px dotted #002F66;border-right:2px solid #002F66;<br /> line-height: 2.4em;<br /> margin:0;<br /> padding:0 0 0 20px; /* Position*/<br /> }<br /> </style> </code>

Please notice the color codes , they will be moderated by you if you want to change some thing for it such as: font color, background color, position.

You can change the back ground by images,patterns,...too.But how ? Very easy, do you see the code "background: #F5EDE3; /* Background color*/"?

Ok just replace it by this code :

background: url(http://your images,patterns,...direct URL here.jpg);

Now you have done the CSS code , the last step that you have to do is make it to appear.

Notice the bellow, add them in the right position:

Cut n' Paste

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

Have a good day