10 Tutorials for Improving Your Blog Theme

By Steven Snell | Published July 23rd, 2009 in Tutorials

Blog theme designers have all kind of options when it comes to things they can do with the theme. There are a lot of helpful tutorials out there that can help you to improve your theme, and in this post we will feature 10 of them. These tutorials will show a variety of different things you can do to improve your theme in one way or another.

Create Fancy Share Box with CSS and jQuery

Create Fancy Share Box with CSS and jQuery

Many blogs include links/icons/widgets to encourage visitors to vote on the content at various social media sites. In this tutorial, Janko shows us how to create a box with icons to several different social media sites, and how to use jQuery to make it fancy.

How to Add Custom Bookmark Links to WordPress

How to Add Custom Bookmark Links to WordPress

At Line25, Chris Spooner also has a tutorial for creating an area for encouraging social media votes. His tutorial is intended for WordPress themes, and he uses a CSS sprite for the icon images.

Create a Lifestream of Your Online Activities

Create a Lifestream of Your Online Activities

Also on Line25, this tutorial shows how to make a lifestream of activities at various social media and social networking sites. This tutorial shows you how to create a separate site for lifestreaming, however, the same things can be done on your blog to help you to be able to connect with readers.

How to Set Up a Killer WordPress Testing Environment Locally

How to Set Up a Killer WordPress Testing Environment Locally

While you are working on improving your blog theme you probably do not want it to be publicly visible until it is complete. One of the options is to set up a local testing environment. In this tutorial from NETTUTS we find the details of what is involved and the set-by-step process of setting it up.

Learn How to Style Articles for Print and Email

Learn How to Style Articles for Print and Email

Also from NETTUTS, here we find a detailed tutorial for allowing our articles to be more friendly for printing and emailing. Some visitors may want to interact with posts in various ways and this tutorial can help.

Create a Stunning Lightbox-Style Random-Post Header Gallery

Create a Stunning Lightbox-Style Random-Post Header Gallery

Jeff Star shows us how to create a cool lightbox-style header that can help to make your blog theme more unique. The tutorial uses custom fields to to create the random post header image that will be displayed before the loop.

Moving Boxes

Moving Boxes

Based on previous tutorials, Chris Coyier provides the code for an interesting slider that zooms in and out.

How to Add an Announcement Box to Your WordPress Theme

How to Add an Announcement Box to Your WordPress Theme

Zach Dunn shows us how to create an announcement box through the use of the options panel in WordPress. All of the code is provided to get this up and running on your own WordPress blog.

Create a Digg-Style Post Sharing Tool with jQuery

Create a Digg-Style Post Sharing Tool with jQuery

Kevin from Queness provides this tutorial for creating a share feature similar to the one used at Digg. This is one more way to add social media interaction into your blog theme to make it easier for visitors.

jQuery Sliding Tab Menu for Sidebar Tutorial

jQuery Sliding Tab Menu for Sidebar Tutorial

Also from Queness, this tutorial shows how to create a sliding tab menu in your sidebar. Many blogs are now using tabbed menus in their sidebars, but this slide effect adds something unique.

If you liked this post, you may also appreciate:


20 Comments
  1. Nicholas Z. Cardot on July 23rd, 2009

    Cool tutorials! Thanks for this list.

  2. Janko on July 23rd, 2009

    Very nice list, Cris’ “Lifestream of Your Online Activities” is really nice.

    Thanks for including ShareBox :)

  3. Zach on July 23rd, 2009

    Nice!

  4. Jim Gaudet on July 23rd, 2009

    I have been looking for a better slider. From the comments on the moving boxes plugin, I think that will work.

    Thanks,

  5. Dzinepress on July 24th, 2009

    you saying right and helping stuff you have. thanks

  6. Victoria Web on July 24th, 2009

    Helpful blog,thanks for the moving boxes plugin

  7. Geoserv on July 24th, 2009

    Excellent set of tutorials, thanks for compiling.

  8. GoodDog on July 24th, 2009

    This is great. Some of these are exactly what I’ve been looking for. :)

  9. [...] See the article here: 10 Tutorials for Improving Your Blog Theme [...]

  10. rurunavira on July 24th, 2009

    Nice, this will definitely jumpstart my new WordP :)

  11. [...] In: Wordpress plugins 25 Jul 2009 Go to Source [...]

  12. James Ballard on July 25th, 2009

    sweet!

  13. [...] 10 Tutorials for Improving Your Blog Theme [...]

  14. Sam on July 28th, 2009

    Thanks for sharing these great articles, I had been looking for tutorial like this for a while.

  15. [...] 10 Tutorials for Improving Your Blog Theme Submitted by Webmasterish [...]

  16. [...] 10 Tutorials for Improving Your Blog Theme – [...]

  17. Enea on September 2nd, 2009

    nice tutorials ! thnx for sharing.

  18. Thomas the debt elimination man on July 30th, 2010

    Thanks for providing a newbee with a simple easy to follow explanation that will help me improve my blog.

  19. lv on August 9th, 2010

    nice tutorials ! thnx for sharing.