Tutorial: Adding Thumbshots to Your WordPress Blog

Hell of a way to kill a man.
Like I’ve mentioned, pictures are a great idea in a blog, and thumbshots of websites add credibility to a website. Here is a short tutorial on how to add thumbshots to the comments you get on your blog:

  1. Sign up for Thumbshots.org.
  2. Log in to your WP admin area.
  3. In WP 2.5+, click Design>Theme Editor, then click on the Comments (comments.php) file.
  4. Locate the line that says <?php comment_author_link() ?> or similar. Mine is located within a <strong> tag, like <strong><?php comment_author_link() ?></strong>.
  5. Add the following image tag from thumbshots.org to the left of the author link: <img src=”http://open.thumbshots.org/image.aspx?url=<?php comment_author_url() ?>” border=”1″ style=”float:left;clear:left;” />
  6. Save the file.
  7. That’s it. You’re done. Happy blogging.

Creative Commons License photo credit: 顔なし

3 Responses to “Tutorial: Adding Thumbshots to Your WordPress Blog”

  1. Thanks for the info. Question for you; can you how tell me how to add code to the user profile so their website thumbnail can display?

  2. If you mean the comment user, I use the code above.

    <img src=”http://open.thumbshots.org/image.aspx?url=<?php comment_author_url() ?>” />

    If you mean the author of the blog post, you can use the_author_url(); instead.

  3. I like it! thanks!

Leave a Reply

CommentLuv Enabled