77 Inspiring Blog Comment Form Designs – Good Examples

title-blog-comment-formI 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!

1. Nitram-Nunca

Interesting background to stand out!

nitram-nunca-blog-comment-form

2. ChiGarden

Those hand-drawn lines, cute icons and rounded corners create really personal touch to this comment form.

chigarden-blog-comment-form

3. DesignDisease

design-disease-blog-comment-form

4. Lucky BlackMore

lucky-blackmore-blog-comment-form

5. I love typography

i-love-typography-blog-comment-form

6. WebDesignerWall

Excellent website and comment form with neat feature with jQuery comment form!

web-designers-wall-blog-comment-form

7. WebDesignerDepot

Interesting form, seems simple, but with option to set smaller/larger comment box form. Looks good.

web-designer-depot-blog-comment-form

8. RadiumLabs

radium-labsblog-comment-form

9. Paper Jet Wednesday

paper-jet-wednesday-blog-comment-form

10. MONOmoda

I enjoy that typographic touch to comment design with huge “Discuss.” text.

monomoda-blog-comment-form

11. DezineZync

At first seems to be hardly observable, but I somehow enjoy this transparency.

dezine-zync-blog-comment-form

12. DezinerFolio

dezinerfolio-blog-comment-form

13. Desspa

Clean look achieved with little icons and text.

despa-blog-comment-form

14. Dhenk

dhenk-blog-comment-form

15. Brian Yerkes

Very clean and subtle comment form design – love Brian’s work and website!

brian-yerkes-blog-comment-form

16. Scruffy Uncle

scruffy-uncle-blog-comment-form

17. Abduzeedo

abduzeedo-blog-comment-form

18. Elliot Jay Stocks

Really huge comment form – very good example standing out from the crowd.

elliot-jay-stocks-blog-comment-form

19. EliteByDesign

elite-by-design-blog-comment-form

20. MrHenry Blog

henry-event-blog-comment-form

21. KevinJohnGomez

kevinjohngomez-blog-comment-form

22. Verlee Duoh

veerle-duoh-blog-comment-form

23. Noupe

noupe-blog-comment-form

24. WpDesigner

I don’t know how about you, but I always enjoy small icons added to comment forms. Eye candy!

wpdesigner-blog-comment-form

25. DesignWorkPlan

design-workplan-blog-comment-form

26. TheCreativeDistrict

the-creative-district-blog-comment-form

27. KissMetrics

kissmetrics-blog-comment-form

28. Coda.co.za Blog

Beautiful as everything in Coda website.

coda-blog-comment-form

29. FreelanceSwitch

One more website with really huge comment form created in good way.

freelance-switch-blog-comment-form

30. Radu Ceuca

raduceuca-blog-comment-form

31. PixelResort

pixel-resort-blog-comment-form

32. ElitistSnob

elitist-snob-blog-comment-form

33. Mike Poss

mike-poss-blog-comment-form

34. I Love Colors

I-love-colors-blog-comment-form

35. YouTheDesigner

you-the-designer-blog-comment-form

36. SpoonGraphics

spoon-graphics-blog-comment-form

37. Designministeriet

designministeriet-blog-comment-form

38. WeFunction

Visually simple, but still eye candy.

wefunction-blog-comment-form-1

39. Outlaw Design Blog

outlaw-design-blog-comment-form

40. RetinArt

retinart-blog-comment-form

41. Blog Design Blog

blog-design-blog-comment-form

42. TwirkEthic

twirkethic-blog-comment-form

43. SmartBlogs

smart-blogs-blog-comment-form

44. Jason Bradbury

jason-bradburry-blog-comment-form

45. Nathan Rice

nathanrice-blog-comment-form

46. Pasqualedsilva

pasqualedsilva-blog-comment-form

47. Stellify

stellify-blog-comment-form

48. MAC Appstorm

mac-appstorm-blog-comment-form

49. Ars Thanea Blog

ars-thanea-blog-comment-form

50. Level Opacity

level-opacity-blog-comment-form

51. Doc4design

doc4design-blog-comment-form

52. Productive Dreams

productive-dreams-blog-comment-form

53. DesignBombs

design-bombs-blog-comment-form

54. Tutorial9

tutorial9-blog-comment-form

55. EctoMachine

Light gradient added in forms to create interesting effect.

ectomachine-blog-comment-form

56. FlickOut

flickout-blog-comment-form

57. Missweblash

Through whole site goes this stitching effect, added nicely to forms as well – I consider this a good example.

missweblash-blog-comment-form

58. ClingPhotography

Expand possibilities with cute smilies in comments!

cslingphotography-blog-comment-form

59. NyQDesign

nyqdesign-blog-comment-form

60. Kirstin Pauk

Seems light and simple, but sometimes nothing more is needed, nice button also.

kirstinpauk-blog-comment-form

61. Monofactor

Subtle drop shadow added to create 3D effect, looks good.

monofactor-blog-comment-form

62. IconDock

Clean and clear effect, I like how whole comment form is in different color to highlight it even better.

icondock-blog-comment-form

63. Line25

line25-blog-comment-form

64. Rockatee

rockatee-blog-comment-form

65. Ttthings

ttthings-blog-comment-form

66. Iso50

iso50-blog-comment-form

67. Josh Spear

joshspear-blog-comment-form

68. All-for-design

all-for-design-blog-comment-form

69. Leihu

leihu-blog-comment-form

70. CosmicDiary

Thinking outside the box – original approach!

cosmicdiary-blog-comment-form

71. Brad Ruggles

bradruggles-blog-comment-form

72. Ali Felski

alifelski-blog-comment-form

73. Lewro

Good looking form with subtle gradient effect as well.

lewro-blog-comment-form

74. Nasendackel

Here you can choose to use these interesting special smilies – I like this approach!

nasendackel-blog-comment-form

75. Lebloe

lebloe-blog-comment-form

76. Steve Mullen Creative

New jQuery effect added to comment design, nice touch!

stevemullencreative-blog-comment-form

77. Jankoatwarpspeed

Emphasize your words with bold, italic, underline or quote – extended possibilities in comments always are appreciated.

jankoatwarpspeed-blog-comment-form

Dainis Graveris

Dainis is 25 years young man, who struggled for 3 years while studying in design academy and working for local design agency, because of ignorant teachers and agency boss. He couldn't believe this is all life could offer to him! And then he discovered true Internet possibilities, he was lucky to find his passion early in life and take advantage of this beautiful Information (Internet) Age! Now he is committed to help others succeed, to help others take charge of their life and follow their passion! His goal is to open Your eyes and help unveil Your true potential!

15 Smart Tools To Help You Build Your Freelance Business

Discover the awesome tools we use in making our clients comfortable and happy in learning new things every day.

Download Now

Comments

  1. Paulina says

    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.

  2. Kath says

    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.

  3. Jay says

    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.

  4. says

    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.

  5. Monika says

    Yes you really provide us a great post . Actually i am new to blog commenting. So this is really helpful for me. Thanks a lot for sharing this post.

  6. Wilson says

    Hey I just wanted to say that I really enjoyed reading your blog. You have good views, Keep up the good informative info.Good Quality and very informative Blog!!Find local architects and get prices for architect plans – residential & commercial designs.

  7. Rituraj Jain says

    This is the nice blog and providing valuable information about stock market. It makes aware about the current status of where today’s share market is going on.

  8. gucci handbag sale says

    You guys should think of arranging some gallery to exhibit them out there! Personally I adore custom essays on this topic because they help us arise the awareness in people.

  9. Mauris says

    No.38 is very interesting though, I gave it a try and it’s by your article that I found this terribly good form design!
    Thanks.

  10. Mr. Vi says

    Hi, thanks a lot for this info. What do you think is the best platform for designing such pretty awesome tools???

  11. Cody says

    Liked all the designs specially the #70 one blue design..liked the form pattern the fonts.. great job…

  12. Edmund says

    The blog was absolutely fantastic! Lots of great information and inspiration, both of which we all
    need!b Keep ‘em coming… you all do such a great job at such Concepts… can’t tell you how much I, for one appreciate all you do!

  13. says

    Wow, thanks for compiling all of those comment templates. But I think I’ll go with your own template. I like those that are in the minimalist design, especially that my blog is all about business.

  14. Ben says

    Hi,
    nice design compilation. Forms are definitely a headache to design.
    Life should be easier now with all these resources :)

  15. escorts Ukraine says

    A person’s review definitely worth checking out. Recently i discovered eliminate the item printed and properly an easy task to understand.I would like to i feel i delight in you will for the instance you spend over article the idea. I’m very pleased and also free period of time expecting moving guide.

  16. Reynold says

    Wonderful post. Indeed I do explore the blogging world to find the latest on swimming pool industry, their designs and construction and I came across your blog post and found it is indeed noteworthy. I am now your regular subscriber and do wish you will be posting more good posts on swimming pools over the coming days. Thanks

  17. Marium Shokry says

    The blog was absolutely fantastic! Lots of great information and inspiration, both of which we all
    need!b Keep ‘em coming… you all do such a great job at such Concepts… can’t tell you how much I, for one appreciate all you do!

  18. Avon Rep says

    The blog was absolutely fantastic! Lots of great information and inspiration, both of which we all
    need!b Keep ‘em coming… you all do such a great job at such Concepts… can’t tell you how much I, for one appreciate all you do!

  19. Kalen says

    My brother recommended I might like this web site. He was totally right. This

    post actually made my day. You cann’t imagine simply how much time I had spent for this

    info! Thanks!

  20. Abraham says

    wonderful looking of your blog and blog comment template.
    Thanks you so much for share this blog with us.

  21. nir says

    Keep up the fantastic work , I read few articles on this web site and I conceive that your weblog is real interesting and has sets of excellent info.

  22. Fester says

    Hi, Neat post. There is a problem with your site in internet explorer, would check this… IE still is the market leader and a large portion of people will miss your magnificent writing because of this problem.

  23. John williams says

    Bunch of thanks for sharing this interesting and informative post. Keep it up

  24. Jay says

    Design is really important element in website promotion.Only thing is design should be such that it wont disturb SEO campaign. Here shown are nice design templates.Thanks for sharing

  25. Norman says

    excellent post comments are the life of the blog, which allows us to communicate and get answers, I love the designs I’ll see if I choose any
    Mark greetings

  26. alex says

    Thanks! Most of them are really unique. There are also many simple forms. I like those with emoticons.

  27. Jeans says

    Some of them are really primitive. I like Creative District & Design Bombs…

  28. tracie says

    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? :)

  29. Warren says

    Very nice post. all the nice but I like 9, 11 ,12 very much.

    Thanks dude :)

  30. James Neoteric says

    Comment form is an essential part of our blogs, social networks and websites, it should be interesting enough to encourage easy commenting. I find these samples very interesting.

  31. Jimmy says

    Hi,

    thanks for gathering that much design samples.
    Designing webforms is one of the hardest part but also a sensitive one.

  32. masha says

    great desines! and very interesting posts and comments! I think this information it will help me with work connected with my site.

  33. says

    I’ve been looking for ideas for my own website forms which are a bit basic, and found some of these designs very inspirational – thank you for posting these designs :)

  34. says

    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.

  35. says

    Wow thanks for sharing this.

    Just love number 57.

    Using it right now on my blog.

    P.S. Nice website you have :)

  36. says

    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

  37. Flatiron says

    Great designs and it is such a tedious job to select to select on from them specially I like running letters type design.

  38. Konnessi says

    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.

  39. Clara says

    Disease design looks different and attractive one! I like it and I think it will grab the attention of readers.

  40. Keith Fletcher says

    Thats quite funny I was trying to post a comment in the 1st box. Love the designs, Keith Fletcher (www.oceanwebsitedesign.com.au). I think it is very important part of any page and comments can often be the best thing about a website.

  41. says

    I Was searching for the design for my blog,to put some fabulous leave comment code and design finally i got a satisfied design for my blog….I will add the leave comment design in 1 or 2 days …probably

  42. says

    The design is very nice blog comment. I want to try one for my blog. Thank you for sharing. With this, our blog will be more beautiful.

  43. says

    Totally agree with you. Web design is not just creating artworks but “put background images in good use” as you say. Good idea. Thanks for sharing.

  44. says

    Hey….nice post dude!!

    Awesome, No more words to explain :) :) :D just…….cool blog.

    I like this very much Designministeriet in no. 37.

    waiting for next.
    Thanks

  45. Senthil Ramesh says

    OMG, that was a great list. and I am wondering how to manage it. Getting screenshots clean and compact and organising them, for 70+ pics is a daunting task to do. Hats off man.

  46. says

    interesting, I don’t know if it was worse putting them all, lot of them are very “normalish”.

    and please, number 26 OUT!!

    but nice work from your part ;)

  47. Elio says

    hey there, nice avatar! :)

    Thanks Dainis for including my comment form from I Love Colors along all these inspiring examples of design.

  48. says

    Excellent post and a wonderful resource. The one form that totally stands out after scrolling down through them was the one that had a large graphically appealing “Discuss.” It was both an invitation and a command so that you feel almost compelled to join in the…discussion. very social.

    also I love your “Sharing is caring” widget

    keep up the good work!

  49. Sid Burgess says

    My Friend, you have done it again. How you do it I have no idea. Thank you for continuing to inspire us!