Styling Your WordPress Comments

A fun part of customizing WordPress themes is designing a comments format which complements the rest of the site. Here are three examples from recent projects, including code samples and downloads to the original .PSDs:

Green Gravatars

This comment style was part of a very green-and-beige environmental blog which since received a makeover. It requires the gravatar plugin and three different images: the scanlines, the clock and the gradient, which can be exported from your .PSD.

First, we’ll need to first edit the ordered-list section of the “comments.php” template:

<ol class="commentlist">
<?php foreach ($comments as $comment) : ?>
<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
<cite>
<img src="<?php gravatar("R", 32); ?>" alt="" />
<span class="author"><?php comment_author_link() ?></span><br /><span class="time"><?php comment_time() ?></span> on <a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('F jS, Y') ?></a> <?php edit_comment_link('edit','&nbsp;&nbsp;',''); ?>
</cite>
<div class="commenttext"><?php comment_text() ?></div>
<?php if ($comment->comment_approved == '0') : ?>
<em>Your comment is awaiting moderation.</em>
<?php endif; ?>
</li>
<?php
/* Changes every other comment to a different class */
$oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : '';
?>
<?php endforeach; /* end for each comment */ ?>
</ol>

Aside from a few images, the rest of the styling is accomplished with CSS:

ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(http://www.yoursite.com/images/bg_comments2_cite.gif);
	border-top:1px solid #d6e4c1;
	border-bottom:1px solid #779d42;
	color:#596e3b;
	}

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commentlist .time {
	background: url(http://www.yoursite.com/images/bg_clock.gif) no-repeat 1px;
	padding-left:13px;
	}

.commenttext {
	background: #9bc561 url(http://www.yoursite.com/images/bg_comments2_text.jpg) repeat-x bottom;
	border-top:1px solid #c5f386;
	padding: 0 20px 10px 20px;
	color:#fafcf6;
	}

Keep in mind, each of these examples uses ems for font sizing, so your existing CSS may need to be tinkered with to match the screenshot above.

Download

The Speech Bubble

I designed this comment style for my company’s website. It requires two images, the quote marks and the little curl. The relevant template code looks like this:

<ol class="commentlist">
<?php foreach ($comments as $comment) : ?>
<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
<div class="quote"><?php comment_text() ?></div>
<?php if ($comment->comment_approved == '0') : ?>
<em>Your comment is awaiting moderation.</em>
<?php endif; ?>
</li>
<cite><?php comment_author_link() ?> on <a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('F jS, Y') ?> at <?php comment_time() ?> <?php edit_comment_link('edit','&nbsp;&nbsp;',''); ?></a></cite>
<?php
/* Changes every other comment to a different class */
$oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : '';
?>
<?php endforeach; /* end for each comment */ ?>
</ol>

And here is the CSS:

.commentlist .quote {
	background:url(http://www.yoursite.com/images/bg_quote.gif) no-repeat top right;
	}

.commentlist li {
 	padding: 5px 18px 22px 18px;
	margin-top:15px;
	background:#454545 url(http://www.yoursite.com/images/bg_commentlist.gif) bottom no-repeat;
	color:#e4edee;
	}

.commentlist cite {
	display:block;
	font-style:normal
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#88e5f0;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#FFF;
	text-decoration:underline;
	}

Download

Alternating Arrows

This comment styling originated from a music magazine I mocked up but never quite launched (so feel free to use it). I don’t always make use of the “.alt” class for comments, but it’s handy here for making the arrow and colors alternate. The images used are two different “paint” effects, the diagonal pattern, the chainlink and two kinds of arrows.

Here is the template code:

<ol class="commentlist">
<?php foreach ($comments as $comment) : ?>
<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
<div class="commenttext">
<cite><?php comment_author_link() ?></cite>
<?php comment_text() ?>
<span class="date"><img src="/images/commentlink.gif" alt="" /> <a href="#comment-<?php comment_ID() ?>" title=""><?php comment_time() ?> on <?php comment_date('n/j/y') ?></a></span> <?php edit_comment_link('edit','&nbsp;&nbsp;',''); ?>
</div>
<?php if ($comment->comment_approved == '0') : ?>
<em>Your comment is awaiting moderation.</em>
<?php endif; ?>
</li>
<?php
/* Changes every other comment to a different class */
$oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : '';?>
<?php endforeach; /* end for each comment */ ?>
</ol>

And here is the CSS:

ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	margin-bottom:8px;
	background: #60360b url(http://www.yoursite.com/images/comment_arrows.gif) bottom no-repeat;
	color:#FFF;
	list-style:none;
	width:413px;
	}

.commentlist .commenttext {
	background:url(http://www.yoursite.com/images/bg_paint.gif) no-repeat;
	padding:22px 22px 50px 22px;
	}

.commentlist cite {
	display:block;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	font-style:normal;
	background:url(http://www.yoursite.com/images/bg_cite_arrows.gif) bottom repeat-x;
	padding-bottom:12px;
	font-size:1.1em;
	}

.commentlist a:link, .commentlist a:visited {
	color:#fff9b9;
	}

.commentlist a:hover, .commentlist a:active {
	color:#FFF;
	}

.commentlist .date {
	background:#930e27;
	padding:3px;
	}

li.alt {
	background:#836241 url(http://www.yoursite.com/images/comment_arrows_alt.gif) no-repeat bottom;
	}

li.alt .commenttext {
	background:url(http://www.yoursite.com/images/bg_paint_alt.gif) no-repeat;
	}

li.alt .date {
	background:#67421c;
	padding:3px;
	}

Download

Follow me on Twitter

277 Responses {+}

Aug 30
6:17 am

Sudar
Thanks for sharing your work.
- May 11
  9:31 am
  
  reji
  knlknlknl
  - Oct 15
    6:18 pm
    
    cute
    cute !!
    - Nov 25
      3:15 am
      
      joy
      thnks
Sep 7
8:47 am

Fred
Thanks ! It will help a lot :)
Oct 10
2:28 pm

indojepang
thank u for sharing !! :D
- May 6
  12:50 am
  
  gobi.a
  nice
  - Aug 18
    6:53 am
    
    thewayofmoney.com
    Thanks for this :)
  - Mar 25
    6:47 pm
    
    sadsadasd
    asasdasda
- Dec 10
  4:21 pm
  
  beyonce
  yay!
Oct 17
9:16 am

manfred
Thx mate for the tutorial. But please check your code. There are some typos in it.

Ex: id=”comment-”
should be
” id=”comment-”
- Oct 1
  1:04 pm
  
  Tetris game boy
  There is no error in the code , or possible already fixed.
Jan 3
9:21 pm

Martha
Beautiful styling! I’m determined to make this work, though I must admit I’ve spent quite a while trying to identify the errors. I keep getting Parse Error codes and the only changes I made was add this code. *sigh*
- Jan 21
  8:29 pm
  
  gg
  dddd
Jan 13
3:00 pm

Craig Knott
I just wanted to send you a quick hello and a thank you for this very useful article. I found myself searching through the web looking for some kind of tutorial, or at least a website, that covered the structure of the comments.php.

Feel welcome to take a peek (and more than welcome to have a bash at making author comments stand out; my style.css has a worrying mish-mash of your code and the original that causes headaches).

I digress. Thanks once again for the useful guide. Credit where credit’s due.
Feb 18
3:18 am

Wallace
Using white-space in comments?
Test 2 “nbsp”
Mar 15
2:39 pm

Jenny
how would you do the comments so that the comments and trackbacks are seperate?
Mar 20
12:34 pm

darkbloom
how do you do italics
- Sep 17
  8:40 am
  
  Test
  test
  
  test
- Sep 17
  8:41 am
  
  Test
  test
  
  test
Mar 26
1:34 am

Merci
Darren, you rock! Thank you very much for the tutorials. More power to you!
Apr 7
4:40 am

Posicionamiento Valencia
This post is a great help to me. Thanks for all.
Apr 8
5:25 am

Kris
Hi, I have a typepad account and I was wondering if anyone new of a tutorial that went step by step to show how to style the comment section. The above is great but I’m a complete novice and need a bit more explaining. Thanks so much !
Apr 14
9:18 am

Jesse Petersen
Darren, this is a huge help to get on the way understanding the inner working of comments. I have trashed dozens of themes in my time because I didn’t like how the comments and input boxes were styled.

One question: How can you distinguish between the author/blog representative and other commenters to allow a visitor to see that particular comments are the blog’s stance? I think that would be a terrific modification to the gravatar style (i.e., change the background color for the blog owner).

Thanks!
Apr 19
10:30 am

Sofija
Very nice blog design and layout!
Jun 13
1:52 am

Jack
Thanks so much for taking the time to write this post. I was able to implement it with no problems whatsoever. Big up!
Jun 16
4:04 pm

Karl
Hi there,

I am trying to implement this idea in my website but for some reason the numbers are not showing up against the comments. What code would allow me to do this or what code might be preventing this?

Thanks
Jun 17
4:16 pm

barry
Thanks for your great help!
- Mar 24
  8:49 am
  
  Juliano
  Great!!
Jun 26
9:32 pm

WINDOWS
Óõ òû ,êë¸âî !
Jun 29
6:07 am

seyret
thank you i am downloaded good job.
Jul 7
3:11 am

M3DS Real
Great work,Thank you for tharing it!
- Feb 27
  5:55 am
  
  Bali Megah Villas
  The Info very help me, thank a lots.
  - Apr 28
    1:27 pm
    
    Darren
    Thanks!
  - May 10
    3:29 pm
    
    çizgifilm
    Thanks for your great help!
Jul 11
4:47 am

kecin
Welcome to http://www.yogawww.com . We provide for all your chinese-cross-stitch,cross-stitch, yoga videos, yoga books, yoga clothing, yoga mats and the latest yoga news,yoga classes yoga photo,
Jul 24
8:11 am

inÅŸaat temizligi
thank you…
Aug 1
4:00 pm

Josh Budde
Hello -

Thanks for these! They are nice, I was wondering – I’d like to use the last one, but when an author posts a comment (me), I’d like it to show a different styled comment. Is this possible? If so, how?

Hope you can help me out – Thx,

Josh Budde
Aug 2
8:16 am

Darren
@josh: this technique works well for me.
Aug 4
10:59 am

Ñ€ÐµÐ¼Ð¾Ð½Ñ‚ Ð¾Ñ„Ð¸ÑÐ¾Ð²
Ð£Ñ… Ñ‚Ñ‹, Ð·Ð´Ð¾Ñ€Ð¾Ð²ÑÐºÐ¾!
Aug 4
11:53 am

Ñ€ÐµÐ¼Ð¾Ð½Ñ‚ Ð¾Ñ„Ð¸ÑÐ¾Ð²
ÐœÐ½Ðµ ÑÑ‚Ð° Ð¸Ð½Ñ„Ð° Ð¿Ñ€Ð¸Ð³Ð¾Ð´Ð¸Ñ‚ÑÑ!
Aug 7
4:16 am

Jason
Hi…I love these comment formats, but I guess I am not skilled at WP and css yet to get them to work.

I wanted to use the speech bubble design. I got the images loaded and what not, but a lot of the style from my original comment formatting was still there. I replaced the in my comment.php file and added the css to my style.css file.

I guess I need to delete something else from one or both of those files? I am using Revolution Pro Media them.

Actually, I might prefer the green gravatar style commenting style as well.

I’d gladly link back to or digg or stumble anyone who can help me get either of those comment systems working.

Thanks.
Aug 9
7:10 am

Ashimagari
Thank u 4 sharing this!! it will help a lot on my blog! Thanks again! (^_^)
- Mar 25
  3:28 pm
  
  dubó
  Nice avatar!
Aug 17
9:49 pm

Joseph
This is what I’ve been looking for so far!!!
Thanks a lot for sharing your stuff :b
Aug 26
6:23 am

jose maria
Hi..and sorry, but my englishÂ´s very bad.
Many thnxs for share u work my friend. Very usefull for me. Only one question..how to “alt” commentlist cite?
Thanks anyway
Aug 26
7:30 am

jose maria
Np now..i added:
<cite >
and “cite.alt” into css stylesheet, and work fine now.
Thanks anyway
Aug 31
5:40 am

rap
Great work
Thank you for tharing it …!
Aug 31
5:41 am

rapzede
thank youâ€¦
Sep 4
2:50 pm

Ilchi Lee
This is extremely useful, since WordPress has picked up speed to be the complete CMS system for websites. It is now not uncommon to see a whole website right on the WordPress platform.
Sep 6
1:54 am

rap dinle
thanks…
Sep 21
4:17 pm

ordersomabuyg
Wow Cool !
Super Man
Nice Site
Sep 21
7:29 pm

rap
Thanks so much for taking the time to write this post. I was able to implement it with no problems whatsoever. Big up!
Oct 10
7:24 am

Andrew Wii
Thanks for giving information about Word Press. It is very helpful for us
Oct 16
2:09 am

actu
je vous remercie pour ces imaes :)
Nov 4
12:22 am

juan
can you let us know how to paginate a wordpress theme like digg?

plleaseeeeeeee!!!!!!!!!!!!!!!!!!!!!
Nov 21
5:04 pm

Adam
How would you go about displaying the author’s comments in a different style?

Thanks!
Nov 22
12:35 am

Nancy
Can you just add the design to my website and make the changes I want so I don’t mess up your lovely design? This is a wonderful theme and I love it, but I feel so confused by it.

Nancy
Dec 21
6:50 pm

Ramazan
[...] Styling Your WordPress Comments [Tuto] Voici un tutoriel (+ressources Ã tÃ©lÃ©charger) qui vous donne 3 maniÃ¨res de faire une mise en forme originale
Dec 21
6:50 pm

Ramazan
thank you
Jan 15
6:45 am

Publicidad Gratis
Great dude!

I’m gonna be doing a makeover to my comments section thanks to your tutorial.

Thanks a lot!
Jan 18
11:36 am

Ã¼niversite
Nice Thanks!
Jan 28
8:37 am

super-man
Thanks so much for taking the time to write this post. I was able to implement it with no problems whatsoever. Big up!
Jan 28
8:36 pm

steve
Hi Darren,

I have a question on how you achieved the html formatting buttons on your comments form on this page? I’m trying to do something similar & wondered if this were a plugin or your own code?

Any advice would be very much appreciated.
Jan 28
8:37 pm

steve
Hi Darren,

I have a question on how you achieved the formatting buttons on your comments form on this page? I’m trying to do something similar & wondered if this were a plugin or your own code?

Any advice would be very much appreciated.
Feb 3
2:15 pm

Sinema
Thanks Great work!!
Feb 5
8:13 pm

sarki sozleri
very nice, thank you
Feb 7
9:30 am

Rob C
This will help a treat ! THanks for sharing… Rob
Feb 10
10:30 pm

Supermance
thx for this, im gonna test it on my blog, :) !
Feb 14
12:54 pm

Ask Band
Awesome tutor and examples. I choosed green style and implemeted it on my blogs. Thank you for your effort. Keep up writting other tips.
Feb 14
3:14 pm

filmizle
Thank you i just downloaded it and i liked styling comments would be very useful at my blog.
Feb 17
8:27 am

heratik
awesome post! i have styled my comments using your tutorial! :-)
Feb 19
10:27 am

Clement
Sweet!!
Feb 20
1:19 am

onlinereplicacatalogss
[url=http://online-seek.net/make-watches/rado-watches-home.html]replica watches corum bridge of gold[/url]
[url=http://online-seek.net/top-replica-warches/watchid674.html]baby g shock watches[/url]
Feb 22
10:59 pm

RickM
Helpful. Thanks. I’m also looking for how to add the formatting buttons for comments you use here yourself for those posting comments. ie. bold, italics, link, indent etc.
Mar 5
9:29 pm

kaan
thanks u very good..
Mar 30
1:53 am

Mark
Beautiful styling! I’m determined to make this work, though I must admit I’ve spent quite a while trying to identify the errors. I keep getting Parse Error codes and the only changes I made was add this code. *sigh*
Mar 30
1:54 am

Mark
very helpful reading, thanks
Apr 2
7:08 am

AIR
Thank you for the info, I’m planning to improve my blog.
Apr 3
8:33 am

Morten
Thanks for this, we spend several hours today fixing the look of our comments, untill we stumble on your page without any luck!

If you should have new designs later on, please inform us about that

Regards

Morten
May 1
5:54 pm

çizgifilm
Hi, I have a typepad account and I was wondering if anyone new of a tutorial that went step by step to show how to style the comment section. The above is great but I’m a complete novice and need a bit more explaining. Thanks so much !
May 8
2:40 am

Bali Web Design
Thanks for sharing….great
May 8
11:24 am

Jason
Cool!

Do you happen to have anything for styling an “About This Author” section, that could be added to the end of a post?

Just wondering…
May 12
1:36 am

Sajid
I think I got some result. Thank you here. Great job on the theme.
Thanks for sharing.
May 15
7:18 am

steve b
hi i want to have my comments across 4 columns do you have any examples of how to do this? Thanks
May 20
1:59 pm

Yiğit Özdamar
Cool! I like the second one. Thanx buddy!
Jun 3
8:28 pm

Charles
Nice tutorial. I’m using Cutline’s 1.4-3ColumnSplit theme and trying to implement the Alternating Arrows comment style but I’m not sure where to add the template code within my comments.php. Any assistance will be appreciated.

Thanks
Jun 4
12:00 am

Nintendo ds
Thanks so much for taking the time to write this post. I was able to implement it with no problems whatsoever. Big up!
Jun 9
5:08 am

Çizgi Film İzle
Thanks for your great help!
Jun 15
4:12 pm

rap dinle
Thanks ! It will help a lot
Jun 18
9:02 am

tatil
hi very good thank you
Jun 19
6:56 am

tatil
thank you very good…
Jun 22
11:42 am

Julian
Very useful info. Thanks for sharing.
Jul 12
11:37 am

Jason Pelker, Item-9 Consulting
Is the function “emptyempty” (Line 15) supposed to just be “empty”? That change worked for me.
- Jul 12
  11:50 am
  
  Darren
  Good question, that code is about 2 years out of date. There has since been a comment_class function that generates classes to allow alternate li styles.
Jul 18
9:39 pm

Some0ne
Small edit required in first comment box css:
background: #9bc561 url(http://www.yoursite.com/images/bg_comments2_text.jpg) repeat-x bottombottom;

Should be:

background: #9bc561 url(http://www.yoursite.com/images/bg_comments2_text.jpg) repeat-x bottom bottom;

missing space between “bottombottom”

:D
Jul 29
3:16 pm

Justin
Nice layouts…
Jul 29
5:13 pm

Burnedbrass
Thanks a lot for the information. I implemented Alternating Arrows within about 2mins. How can I change the font size or type.

Thanks again
Aug 13
5:11 pm

Anthony
Really nice styles! I like it
Sep 14
2:12 pm

Ron Evans
Hi There, Thanks for your posts about styling comments. Here is a puzzler that i’ve been going nuts trying to figure out:

What if you’d like to have the COMMENT META DATA displayed INLINE with the COMMENT like this:

[COMMENTOR NAME HERE: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non elit dolor, non sodales justo. Donec dictum, diam a aliquet suscipit, lectus mi ultricies nunc, sit amet imperdiet urna dui eu velit. Mauris molestie, libero id eleifend pretium, tellus arcu facilisis eros, sagittis ornare enim est eu mauris. In hac habitasse platea dictumst. Vivamus vehicula DATE | TIME| TRACKBACK LINKS, etc.]

In my text its not so easy to illustrate but I’d like to have the commentor’s name inline with the actual comment. Then maybe the date/time inline on the end of the comment. I’d use CSS to set them off.

Any ideas? I’d greatly apppreciate it. Thanks.
Sep 15
5:53 am

دانلود نرم افزار
tancks.
This Post Helped me
Good Time
Sep 19
2:37 pm

Health blog
Thanks ! the speech bubble looks great !
Sep 21
3:01 am

Teungku
great post bro, keep posting :)
Oct 12
4:51 pm

Moomak
Great tutorial,Thanks you.
Oct 14
5:41 am

Ian
Now that is pretty awesome (: Thank you.
Oct 14
2:01 pm

arkoma
Thank for great tutorial.
Nov 2
8:20 am

Cottelletje
Hi do you have a code for this style for comment :
http://i789.photobucket.com/albums/yy174/crygretll/reactie.jpg

can you mail it to me?
Nov 11
5:49 am

510博客
谢谢了！I’m in China
Nov 14
7:35 pm

WPExplorer
Great Tutorial. Thank you so much!
Nov 15
11:47 am

印第安小狮
Oh! Great!!!
Nov 24
11:22 am

caillou türkçe izle
thank for share to us !
Jan 2
5:12 am

Liron
Cool !

just wanted to know what extension you are using for putting the code in your posts like that ?
Jan 11
12:54 am

Rodger
Thanx
Jan 15
3:04 pm

guybrush
very nice post

thanks
Jan 24
4:26 pm

_tristan
Nice! Great tips
Jan 30
11:29 am

sssssssssssssssssssssssss
dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsssssssssssssssssssssssdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
Jan 30
1:30 pm

Infographiste
Thanks for sharing mate, have a great week end!
Feb 10
9:34 am

Dave
[blockquote]asdasd[/blockquote]

asdasd
Apr 2
5:28 pm

Hamed
Hi
Tanx that’s work!
but with a few edit in source
tanx again
Apr 16
6:54 am

Mouad
Thank you very much

I want to add the avatar (from Gravatar) to the third, Alternating Arrows template. How can I do that ?

Thanx
Apr 18
5:00 am

Mouad
Thank you very much. I have benifited from this tuturial and applied it in my blog:

http://personal.al-rasid.com/
Apr 22
10:14 pm

Peter
Looks great, and thanks for sharing this.
One issue is that in the wordpress discussion settings where it says “break comments into pages with X comments per page” it seems to no longer work with your code. As a result my comments look great, but they will get longer and longer on the one page. Do you have any suggestions for this?
May 11
9:16 am

bineet
hi how we can add repply link in our blog comment are my comment.php file code is
[sourcecode]
post_password)) { // if there’s a password
if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) { // and it doesn’t match the cookie
?>

This post is password protected. Enter the password to view comments.

to “”

<li id=”comment-”>

says on

<a href="#comment-” title=”"> at

:

comment_approved == ’0′) : ?>
Your comment is awaiting moderation.

comment_status) : ?>

Comments are closed.

comment_status) : ?>

Leave a Reply

You must be <a href="/wp-login.php?redirect_to=”>logged in to post a comment.

<form action="/wp-comments-post.php” method=”post” id=”commentform”>

Logged in as <a href="/wp-admin/profile.php”>. <a href="/wp-login.php?action=logout” title=”Log out of this account”>Logout »

<input type="text" name="author" id="author" value="” size=”22″ tabindex=”1″ />
Name

<input type="text" name="email" id="email" value="” size=”22″ tabindex=”2″ />
Mail (will not be published)

<input type="text" name="url" id="url" value="” size=”22″ tabindex=”3″ />
Website

<!–XHTML: You can use these tags: –>

<input type="hidden" name="comment_post_ID" value="” />

ID); ?>

[/sourcecode]
May 12
9:05 am

Geri
Awesome info, thanks! Still pretty new to WordPress but I’m getting through it.
May 26
7:06 am

Çağrı
usefull tutorial :) thnx so much..
May 27
1:30 am

Adan
Testing your comments template =)
Jun 6
3:34 am

leobric
how to show a bigger user image?
Jun 9
1:28 pm

Martin
Nice styling! I’m determined to make this work, though I must admit I’ve spent quite a while trying to identify the errors. I keep getting Parse Error codes and the only changes I made was add this code. ”sigh”
Jun 21
9:24 am

chi hair flat iron
It’s very nice! I love what you wrote.
I think we can make friends.
Jul 13
1:59 pm

gokhan
Thank you i just downloaded it and i liked styling comments would be very useful at my blog.
Jul 22
1:28 pm

Marc
Thanks so much!
Aug 3
11:02 am

matthew
Hi,

Is the code you use for the comments.php file compatible with WordPress 3.0?

It doesn’t seem to work for me…
Aug 10
6:59 pm

Andrea
Hi! I am making use of the first of these tutorials, but am unable to get it to work due to the use of <img src="” alt=”" />

I am getting an error with this as gravatar is an unknown function. Does anyone have a solution?
Aug 21
10:24 am

SEO
thanks, this perfect sharing.i like this website.
Aug 22
8:26 am

rap
Great work
Thank you for tharing it …!
Aug 22
8:26 am

Dora
Thank you! Great Post!
Aug 25
12:49 am

selda
Ellerine saglik admin cok guzel olmus paylasim icin tsk ederim
Sep 14
7:27 am

Shah Khan
not working :s
- Sep 16
  9:41 pm
  
  silenoz
  not working with lastest wordpress version >3!
Sep 26
9:34 am

zegarki
Very nice blog design and layout!
Thanks.
Oct 1
1:02 pm

Tetris game boy
Your code is good , thank you for sharing I was able to implement it in just a few minutes
Oct 2
1:47 pm

Kayce
Hey,

So I’ve been trying to use #3 for my comment section but the images aren’t showing up even though I implemented the CSS as shown and uploaded the images to my server. I think it might be a PHP problem since I don’t know exactly where to put the PHP. Can anyone tell me in between which lines should this PHP section go? I think its the most awesome comment box I’ve ever seen! :-) Anyway, thanks for the help
Oct 16
4:05 am

Marc Plotz
Very interesting.
Nov 1
8:58 am

Jürgen
I have been working with the comments on my page for few days now to make it not so boring. Your tips sounds great and I’ll surely try it. Will this work regardless of the browser we are using?
Nov 1
1:11 pm

netmola
very nice and great.. thnk u..
Nov 3
3:55 pm

Wendy
Darren, Thanks for sharing this! Question, in using the quotes sample, the quote gets cut off if the message is too short (one line). How do I remedy this?
Nov 5
10:42 am

Orissa News
Than ks for your post.
Nov 6
10:03 am

heiko
Thank you! Exactly what I was looking for
Nov 20
10:36 am

vipin
Glad that I came here from Google. I was looking for some serious comment display modifications on my site.
Thanks Darren.
Dec 19
5:32 am

V Saxena
“the gravatar plugin”

Which 1? There are like 5….
Dec 21
8:22 pm

Eugene @ The Dollar Talk
What do you mean by “we’ll need to first edit the ordered-list section of the “comments.php” template”? Do you mean to input the code or change the code? Also, is it comments.php or comment.php? So far I only found the latter.
Feb 24
5:51 am

benn
ledgend thanks for this!!!
Mar 6
12:04 pm

Cristian Olteanu
I have been checking out a few of your articles and i can state pretty nice stuff. I will surely bookmark your blog.
Mar 10
5:13 am

怎么快速祛痘
文章可以转载吗
Mar 12
8:40 pm

mre
its awesome. ill be using one of it
Mar 17
3:13 am

JiGuang
Brilliant article!