Wednesday, February 17, 2010

Make Visible Your Comments to Your Visitor

Make visible your comments to your visitor with different font,background and border so in this post I create a tutorial for "How to highlight author comment in blogger comment section."
Lets start and follow steps

Step 1 : Log in

Step 2 : Go To Layout

Step 3 : Click on Edit HTML

Step 4 : Check on "Expand Widget Template"

Step 5 : Copy this script and put it before ]]></b:skin>

background: #fff; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #F98B09;border-bottom: 1px dotted #F98B09;border-left: 1px dotted #F98B09;border-right: 1px dotted #F98B09;
padding:0 0 0 20px; /* Position*/

Step 5: Find this code paste Red Code with following sequence:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" +'>
<a expr:name='"comment-" +'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><></a>

<b:if cond=' =='> <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>


<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:' title='comment permalink'>
<b:include data='comment' name='commentDeleteIcon'/>

Look Like this Example


Note : You can Change CSS Style
background: #fff; /* Background color*/
color: #00000; /* Text color*/


Related Posts by Categories

5 comments on "Make Visible Your Comments to Your Visitor"

This is DoFollow Blog Leave a Comment

vijay on February 17, 2010 at 7:15 PM said...

Hi wajid this will very very useful for our blogger community.Thanks for this. lifestyle on the net on February 17, 2010 at 8:40 PM said...

Really simple and nice post. Action and try with your tips immediately. Thank's for your info.

Fun Factory on February 19, 2010 at 2:20 PM said...

Great post!

will try it on my blogg!


Muhammad Wajid on February 19, 2010 at 5:41 PM said...

@ lifestyle on the net & Fun Factory

Thank you for nice comments and please express your views much more on other post.

Ecommerce Web Design on July 19, 2010 at 12:16 PM said...

i tried it on my blog....its working...thanks buddy

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment


Latest Blogger Tricks,Tips,Tutorial,Template,Widgets