Finally Tweaked My Comments on DragonBlogger.com



For a few weeks I have been wanting to go through and fix how my comments displayed and when somebody asked me on twitter about my comments being centered, I decided to finally do something about it.  I was able to fix the error in the single.php where I had a <center> line near the bottom which was was causing the issue with the comments centering, but I also didn’t like the size of the font and the display of the users who left comments.

A few quick plug-ins like WordPress Thread Comment which allows my reply to show right after the person who comments, and threads it is a really neat plug-in that allows you to customize the background color of the reply so you can make replies stand out from normal comments.

Since my wordpress theme is actually really old, no gravatars or images displayed for users who left comments, so I installed the Easy Gravatars to quickly and easily resolve this problem.

I also increased the font size to 14 and changed the font to Verdana for comments, so that I feel the comments are more user friendly, easier to read and you can see the gravatar of those who comment.

What do you think of the comment improvements to DragonBlogger.com?

-Dragon Blogger

Justin Germino
Working in the IT Industry for over 13 years and specializing in web based technologies. Dragon Blogger has unique insights and opinions to how the internet and web technology works. An Avid movie fan, video game fan and fan of trying anything and everything new.
Justin Germino

@dragonblogger

Technology, Gaming and Wordpress blogger who runs gadget giveaways, helps others with blogging tips, monetization, earning and more!
Should You Take Editing Into Account While You’re Shooting Photographs? https://t.co/FZjU5RJ2Mx - 2 mins ago
Justin Germino
By | 2014-03-02T06:48:12+00:00 January 24th, 2010|blogging|27 Comments

About the Author:

Working in the IT Industry for over 13 years and specializing in web based technologies. Dragon Blogger has unique insights and opinions to how the internet and web technology works. An Avid movie fan, video game fan and fan of trying anything and everything new.

27 Comments

  1. Karen @ Blazing Minds January 24, 2010 at 7:17 am - Reply

    Much better Justin, it does look more professional now 😉
    .-= read Karen @ Blazing Minds´s article about Blazing Minds Weekly Round Up – iTunes, Twitter, Infected Mushroom =-.

  2. Heather January 24, 2010 at 8:28 am - Reply

    Oh that is a Lot nicer, seems like it’d be easier to keep track of too. 🙂
    .-= read Heather´s article about Maryland Zoo partners with the B&O Railroad, Maryland Science Center, and Port Discovery for the Months of January and February. =-.

    • Heather January 24, 2010 at 8:29 am - Reply

      Though, it’s showing a totally different blog for commentluv, any ideas why?
      .-= read Heather´s article about Maryland Zoo partners with the B&O Railroad, Maryland Science Center, and Port Discovery for the Months of January and February. =-.

  3. 113Tidbits January 24, 2010 at 8:36 am - Reply

    Yes this seems to work alot better. I’ve been using the ID template for awhile with these types of functions embedded too.
    .-= read 113Tidbits´s article about Maryland Zoo partners with the B&O Railroad, Maryland Science Center, and Port Discovery for the Months of January and February. =-.

  4. Heather Kephart January 24, 2010 at 8:41 am - Reply

    Looks like somebody’s been putting his house in order! To be honest, I didn’t even notice the problem with your comments area before, but it definitely looks good now. Good for you for taking care of something that was niggling at you, and sharing your solution.

    Like Heather said up there, Comment Luv was going to erroneously show the “Maryland Zoo Partners” article for me, so I unchecked it.

    • Heather Kephart January 24, 2010 at 8:49 am - Reply

      Whoops, never mind. I just commented over at The Creative Junkie and the same Marilyn Zoo Partners post pre-filled in Com Luv. The problem is there, not here.

      • Holly Jahangiri January 26, 2010 at 9:24 pm - Reply

        Interesting. I remember this happening to me, once. Wish I could remember what caused it or how Andy fixed it.
        .-= read Holly Jahangiri´s article about Experiment & Results: Improving Alexa Rank =-.

  5. Ray January 24, 2010 at 9:04 am - Reply

    I quite like the change.
    .-= read Ray´s article about Maryland Zoo partners with the B&O Railroad, Maryland Science Center, and Port Discovery for the Months of January and February. =-.

  6. Ray January 24, 2010 at 9:07 am - Reply

    Pardon the expression but, WTF? How did I get a link to someone els’e blog post? Houston, we have a problem. I think it’s with commentluv.
    Here’s MY blog
    Http://theblog-log.net

    • dragonblogger January 24, 2010 at 4:29 pm - Reply

      Did I miss a comment or something, I don’t recall saying I didn’t care about the Maryland Zoo, not sure where that comment came from.

    • Ray January 25, 2010 at 1:12 am - Reply

      As a former Marylander (33 years) I will have you know that I never even heard of the Maryland Zoo. I don’t even believe that it exists, and that if it does, it is nothing more than a petting zoo. The National Zoo is in Washington, D.C. Maryland is for crabs. Blue crabs. Delicious steamed in beer and vinegar with Old Bay Seasoning Blue Crabs. Mmmmmm good. How I miss Maryland. 4 seasons, and the nation’s capitol tucked into a little pocket by the Potomac River. I miss Maryland. But I never heard of the Maryland Zoo. So there.

      Ray
      .-= read Ray´s article about Be An Entertainer =-.

    • Ray January 25, 2010 at 1:17 am - Reply

      Justin, have you been hacking the code again? is this white text on a white background?
      .-= read Ray´s article about Be An Entertainer =-.

  7. Ray January 24, 2010 at 9:11 am - Reply

    Well, I didn’t. I looked at it, that’s all. I feel like my link has been hijacked. Here’s my blog.
    http://theblog-log.net

    • dragonblogger January 24, 2010 at 3:41 pm - Reply

      Is it working now? does the link show the right blog for CommentLuv?

  8. Ray January 24, 2010 at 9:13 am - Reply

    Shoot. when I tried to give the real link to my blog, I think Askimet is diverting my comment to the spam file. o hell.
    Ray

  9. Greg Ellison January 24, 2010 at 9:49 am - Reply

    It looks much better now. Greg Ellison
    .-= read Greg Ellison´s article about Are you alergic to things around you =-.

  10. cadilacjax January 24, 2010 at 1:00 pm - Reply

    Yeah nice now Justin.. I wondered what was different.

  11. dragonblogger January 24, 2010 at 4:30 pm - Reply

    Updating the style.css isn’t that hard, you just look for the section that says “font size” and “type” and can change from “Arial” to “Verdana” easily. The size also is listed in pixels (10 change to 14) and presto font size larger for comments so you can read easier.

    • Ray January 25, 2010 at 1:15 am - Reply

      That’s what I thought too. Nothin’ to it. Oops. Be very careful when annotating code. And back up first. Otherwise you may have to create a new blog from scratch…not that anything like that has happened to me or anything…heh.

      Ray
      .-= read Ray´s article about Be An Entertainer =-.

  12. Extreme John January 24, 2010 at 7:34 pm - Reply

    So happy you changed up the comments bro they look so much better, that center comment field was bugging me out. haha.
    .-= read Extreme John´s article about Indianapolis Colts AFC Champions =-.

  13. Anne January 24, 2010 at 8:51 pm - Reply

    I’m with Heather, uh, second Heather, I don’t recall any issue with your comments. Then again, I’m a bad visitor and don’t come by and comment as often as I should. {slaps hand} 🙂
    .-= read Anne´s article about Oh, No You Di’nt! – UPDATE =-.

  14. Novz January 25, 2010 at 12:48 am - Reply

    i have long wanted that threaded comment in my blog. i guess newer themes have it already. but mine, i need those plug-ins.
    .-= read Novz´s article about What Will Make You Quit Blogging? =-.

  15. Sallie Bude January 25, 2010 at 3:10 am - Reply

    Whew! It’s a nice change alright. It’s about time. 🙂 I think im gonna change mine also as it is old just like your ol’grandma. Have a nice day!
    .-= read Sallie Bude´s article about Holiday Cottage in Cornwall =-.

  16. Ramkumar January 25, 2010 at 5:24 am - Reply

    Dude the comment has some issue with Threaded replies, the second reply appears in white background with white font color. Please check them 🙂
    .-= read Ramkumar´s article about Open new tabs next to the last tab in Firefox =-.

    • dragonblogger January 25, 2010 at 7:00 am - Reply

      I just fixed, it was the CSS code in the WP Threaded Comment plug-in (it had the nested reply inside reply with a background color of white) thanks for pointing it out.

  17. Paul Tech January 25, 2010 at 5:57 am - Reply

    I don’t remember much about your previous version but I can vouch that the comments section which I am seeing now is great.

    The fonts make for easier reading.
    .-= read Paul Tech´s article about Twitter Conquers Outer Space =-.

  18. Ray January 25, 2010 at 10:51 am - Reply

    It’s fixed and looks beautiful. Good. I wouldn’t want the pearls of wisdom that drop from my lips..err…fingers to go unheard…err..unread. Anyway, it looks fantastic, Justin.

    Ray

    p.s. I can’t wait until commentluv refreshes its cache. I’ve written two new posts already today, and it’s falling behind.
    .-= read Ray´s article about Be An Entertainer =-.

Leave A Comment