40 Excellent Examples of Well Designed Blog Comment Forms

December 22, 2010 · 9 comments

by Dustin Betonio

image

On blogs the Comment form is an important and really essential part of interface design that usually appears at the end of an article. Comment Form should  have appealing typography, ordered element placement (name, e-mail, etc.), colors which induces the reader to comment.

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, smileys 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. In this article I will feature 40 well designed blog comment forms that hopefully will inspire you!


ElegantThemes
ThemeForest

Advertisement

1. DesignDisease

design-disease-blog-comment-form

2. ChiGarden

chigarden-blog-comment-form

3. Nitram-Nunca

nitram-nunca-blog-comment-form

4. I love typography

i-love-typography-blog-comment-form

5. Lucky BlackMore

lucky-blackmore-blog-comment-form

6. WebDesignerWall

web-designers-wall-blog-comment-form

7. WebDesignerDepot

web-designer-depot-blog-comment-form

8. Paper Jet Wednesday

paper-jet-wednesday-blog-comment-form

9. Jankoatwarpspeed

jankoatwarpspeed-blog-comment-form

10. CosmicDiary

cosmicdiary-blog-comment-form

11. Productive Dreams

productive-dreams-blog-comment-form

12. Level Opacity

level-opacity-blog-comment-form

13. Jason Bradbury

jason-bradburry-blog-comment-form

14. DezinerFolio

dezinerfolio-blog-comment-form

15. Desspa

despa-blog-comment-form

16. Dhenk

dhenk-blog-comment-form

17. Scruffy Uncle

scruffy-uncle-blog-comment-form

18. Abduzeedo

abduzeedo-blog-comment-form

19. Elliot Jay Stocks

elliot-jay-stocks-blog-comment-form

20. EliteByDesign

elite-by-design-blog-comment-form

21. MrHenry Blog

henry-event-blog-comment-form

22. KevinJohnGomez

kevinjohngomez-blog-comment-form

23. Noupe

noupe-blog-comment-form

24. WpDesigner

wpdesigner-blog-comment-form

25. TheCreativeDistrict

the-creative-district-blog-comment-form

26. KissMetrics

kissmetrics-blog-comment-form

27. Coda.co.za Blog

coda-blog-comment-form

28. Radu Ceuca

raduceuca-blog-comment-form

29. ElitistSnob

elitist-snob-blog-comment-form

30. Mike Poss

mike-poss-blog-comment-form

31. I Love Colors

I-love-colors-blog-comment-form

32. SpoonGraphics

spoon-graphics-blog-comment-form

33. Designministeriet

designministeriet-blog-comment-form

34. Outlaw Design Blog

outlaw-design-blog-comment-form

35. RetinArt

retinart-blog-comment-form

36. Blog Design Blog

blog-design-blog-comment-form

37. Pasqualedsilva

pasqualedsilva-blog-comment-form

38. Stellify

stellify-blog-comment-form

39. Ars Thanea Blog

ars-thanea-blog-comment-form

40. EctoMachine

ectomachine-blog-comment-form

Author : Dustin Betonio

Dustin Betonio is a Translation Management graduate at University of Mindanao. His earlier career was devoted on customer service outside the information highway. Currently studying Law in the same University.

{ 8 comments… read them below or add one }

Dennis March 24, 2012 at 1:42 pm

Hi Dustin,

I was looking for a nice comment style for my webshop. I like the “elitebydesign” comment form.

But there’s one thing, how can I put this in my wordpress webshop? Any Ideas?

Thank you so much!

Dennis

Reply

Edwin July 8, 2011 at 12:29 pm

I like no 7, clean and has the extra security with the addition box. If you cant add up 5 +4 then you dont deserve to leave a comment :)

Reply

vintage clothing store January 6, 2011 at 12:47 pm

All of them r good, and I like the second best

Reply

Mohammad Danish December 31, 2010 at 8:32 am

Yeah ..! this is a nice post i like this pity much color theme design its Used very good ..
its really helpfull for using

Reply

Lars January 1, 2011 at 8:34 pm

thanks and haapy New Year!

Reply

aditia December 23, 2010 at 8:11 am

thanks for list, another source for inspiration

Reply

Nottingham Web Design December 22, 2010 at 9:00 pm

Cool list!

Merry Christmas :D

Reply

Keri Andino December 22, 2010 at 2:53 pm

Thanks so much for the wonderful ‘eye candy’ Dustin!
Are any of these forms available as plug-in’s or for download?

Merry Christmas!
Keri

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

{ 1 trackback }

Previous post:

Next post:


Web Analytics