Total Followers 132,503
I am continuing to do separated web-design roundups and research, this time we will look at good blog comment design examples. Maybe you can argue, how similar are such comment forms, but still I believe such huge roundups can help to see differences and compare many designs in one place.
Usually forms are pretty classic with standard fields, submit buttons – nothing more, nothing less. But still even little change of field background, border style, font, rounded corners, small icons can make huge difference. Usually my attention grabbed those comment designs with small icons added to describe each form, transparency and extended possibilities. It is always good idea to add live comment preview, smilies or some simple CSS bold, italic, underline effects to give more options to advanced comment writers. But if you want to really stand out and create something fancy, put background images in good use, where possibilities are endless as you will see in these forms. I really hope you will enjoy this article and will do your own research and considerations, what you like/dislike and why it is so. I will be more than happy if you will join to discussion in comments and pick your own favorites!
Interesting background to stand out!
Those hand-drawn lines, cute icons and rounded corners create really personal touch to this comment form.
Excellent website and comment form with neat feature with jQuery comment form!
Interesting form, seems simple, but with option to set smaller/larger comment box form. Looks good.
I enjoy that typographic touch to comment design with huge “Discuss.” text.
At first seems to be hardly observable, but I somehow enjoy this transparency.
Clean look achieved with little icons and text.
Very clean and subtle comment form design – love Brian’s work and website!
Really huge comment form – very good example standing out from the crowd.
I don’t know how about you, but I always enjoy small icons added to comment forms. Eye candy!
Beautiful as everything in Coda website.
One more website with really huge comment form created in good way.
Visually simple, but still eye candy.
Light gradient added in forms to create interesting effect.
Through whole site goes this stitching effect, added nicely to forms as well – I consider this a good example.
Expand possibilities with cute smilies in comments!
Seems light and simple, but sometimes nothing more is needed, nice button also.
Subtle drop shadow added to create 3D effect, looks good.
Clean and clear effect, I like how whole comment form is in different color to highlight it even better.
Thinking outside the box – original approach!
Good looking form with subtle gradient effect as well.
Here you can choose to use these interesting special smilies – I like this approach!
New jQuery effect added to comment design, nice touch!
Emphasize your words with bold, italic, underline or quote – extended possibilities in comments always are appreciated.
Get The Only Freelancer crash course you will ever need to read!
Dainis Graveris is 23 years old blogger and designer, founder of 1stWebDesigner, now more silently managing everything behind the scenes. He usually hangs out in Twitter tweeting design related links and chatting with people. If you have any questions or feedback that's the best place to start! Cheers!
Friday, April 13th, 2012 10:29
Excellent inspiration.
Cosmic Diary is fun !
Tuesday, March 27th, 2012 13:15
Great inspiration for my new website! THX a lot.
Thursday, March 22nd, 2012 14:07
amazing and creative ideas,
love to use it . Clean and professional
Thursday, March 8th, 2012 23:44
Hi! I think your blog is very interesting.
I’ve also a website dedicated to promote education and culture.
I wish that you will visit my site and see how we can work together to create a global education network.
Wednesday, March 7th, 2012 05:08
This is awesome. I like design no.50 very simple and elegant. thanks for going into so much detail on the design side. I’ll try to implement it and see how it will work and influence the commenters on my blog.
Thursday, March 1st, 2012 16:47
This is a great post.Gotta try one out
Saturday, February 25th, 2012 06:28
Hi! Do you have any idea on how to apply these comment forms to blogspot.com/blogger.com? Your reply for instructions will be highly appreciated. Thanks.
Wednesday, February 22nd, 2012 11:33
My fav are 6 and 27. Can I use this on wordpress sites?
Monday, February 13th, 2012 15:42
This is awesome! i like #70. Wondering if i could put this in my blog :’(
Tuesday, January 3rd, 2012 07:35
I like Blog comment no 47. Stellify, as it is more useful as a developer and user . As any one want to use html or add more styling to his comments this will helps alot. I would like to add smileys also in this and also include social media url like facebook and twitter that also make more user friendly. But i must appreciate your work. Very good post . Thanks for sharing it.
Monday, December 26th, 2011 14:56
I like prosolz very much. I think it is very nice web site for web designer.
Saturday, December 17th, 2011 17:30
A wonderful collection of contact forms :-)
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
Just enter your name and email below and click Get Updates!
![Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]](http://www.1stwebdesigner.com/wp-content/uploads/2013/03/preview-small-webdesignvideocoursepart3.jpg "Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]")
![Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2]](http://www.1stwebdesigner.com/wp-content/uploads/2013/03/preview-small-basicwebdesignvideocoursepart2.jpg "Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2]")
Kim Gold
Monday, June 6th, 2011 22:22
Thanks for posting such a varied selection.
Holger
Monday, March 21st, 2011 18:57
Nice Forms. Number 44 is my favorite. Thanks a lot.
Honi
Tuesday, March 22nd, 2011 14:54
Wow thanks for sharing this.
Just love number 57.
Using it right now on my blog.
P.S. Nice website you have :)
Neoteric Uk
Tuesday, March 15th, 2011 10:01
Hi There
Many thanks for all these beautiful designs, all the designs are beyond excellence and on the top of it, gives some great ideas
Flatiron
Thursday, March 10th, 2011 17:04
Great designs and it is such a tedious job to select to select on from them specially I like running letters type design.
Anil
Monday, March 28th, 2011 09:22
Awesome collection man. Form where did u find all these? Thanks for sharing
Collin Wesley
Monday, January 31st, 2011 08:13
Impressive designs..nice work!
Konnessi
Tuesday, February 8th, 2011 17:21
I never realized there were so many different options for comment fields. I’m always a fan (as a blogger and commenter) of the more simplistic ones. Less is definitely more.
Dainis Graveris
Tuesday, February 8th, 2011 17:24
yes, but if you can spice them up with real detailed simplicity..it’s so much more powerful – plain simple isn’t cool anymore :)
Samantha Prinsloo
Tuesday, March 1st, 2011 09:38
Some really gorgeous designs!
Less is more, but add a little something something, and it’s a work of art :)
Well done on the designs! Great job!
Luke O'Brien
Tuesday, April 5th, 2011 00:27
I wonder how I can add something like this to my WordPress blog, currently I’m just using the one that came with the template and it looks quite plain compared to these example forms.
Waheed Akhtar
Tuesday, September 29th, 2009 14:19
Nice collection buddy. Keep them coming :)
Thanks for sharing
Warren
Monday, May 23rd, 2011 10:43
Very nice post. all the nice but I like 9, 11 ,12 very much.
Thanks dude :)
tracie
Wednesday, June 8th, 2011 16:10
thank you for this article & also the 33 plugins for comments. what I’m looking for is something that will “prettify” the way the actual comments are displayed. any thoughts? :)
jeny
Thursday, June 9th, 2011 14:43
Thanks for this interesting information specially for the youhts.