There are multiple widget areas, including one above the header, sidebar and 3 footer widget areas.

*the Theme Customizer can be found on the Appearance/Themes screen at the top next to the theme screenshot. There are more options to be found on the Header and Background admin screens under Appearance.

View demo

Click here to download

1. Download the icons you want to use

You need to have the images/icons saved onto your computer, so download them from whatever site you found them on. It’s easiest if you download them to your desktop. Usually they are in a “zip” file, so if you’ve downloaded the zip file, double-click it to open and drag the contents onto to your desktop. By doing this you have “extracted” the file and you can now use it.

2. Upload the images to use on your site

Now log in to your site and click on Media/Add New. Then click on the Select Files button and find the images you had saved on your computer. You can upload multiple images at one time- just hold down Cntl while you’re selecting them. Then click Open and they will upload.

Now, it’s easiest to have two tabs open, so you can work on the widget and o back and forth, copying image URLs for multiple icons. Right click on Appearance/Widgets and choose Open in in New Tab.

3. Put the code into your widget

This is where it gets a little hairy for those who have never done anything with code, but hang in there- it’s not as hard as it looks at first glance! Drag a text widget into  the widget section where you want your icons to show up. Then put the following code in the text widget:

<a href="http://URLofsite.com">
<img src="http://yoursiteURL.com/URLofimage.png" /></a>

First, replace the URL in red with the site you’re linking to, such as http://www.facebook.com/DivaThemes or http://twitter.com/randaclay. Then, click back over to the Media Library tab, and click on Show next to the icon you want to use (or if you’re in the Library view, hover over the name of the file and click on Edit). Find the File URL field and highlight the whole URL. Then click on Cntl-C to copy it. Click back over to the Widgets tab and put the URL of the image you just copied where I have the blue text above- replace the dummy URL I have there. The result will look something like this:

<a href="http://www.facebook.com/DivaThemes">
<img src="http://divathemes.com.com/facebook.png" /></a>

Repeat for every icon you want to insert. You can put a space between the code for each. Save the widget and view your site to see what it looks like.

4. Add space between the icons if needed

I usually have to add a bit of space between the icons for it to look right- you may want to as well. Here’s an extra snippet of code to add:

<a href="http://URLofsite.com">
<img src="http://yoursiteURL.com/URLofimage.png" style="margin-right: 10px" /></a>

See the green code? This adds a little CSS to each image that adds some space to the right of each. You can change the amount of space by changing the 10 to whatever you like. Also, obviously you wouldn’t need to add it to the last icon.

5. Center the icons

If you’d like to center the group of icons within the space add this bit of code before everything:

<div style="text-align:center">

Then this bit of code after everything:

</div>

Beware! If you don’t put that closing div code on, you will probably goof up your whole page. Every time you open a div, you have to close it.

Your widget will look something like this when you’re done:

Give it a try! Let me know how it goes!

Obviously, I chose not to make icons for every conceivable social media site out there. There is a blank “card” in each set in case you might find it useful. If there’s a site you really need an icon for that I have not included, leave a comment below and if I get enough requests I’ll add it to the sets.

Click the links below to download each set:

Blue Card Deck Social Icons

Red Card Deck Social Icons

Green Card Deck Social Icons

Silver Card Deck Social icons

USAGE: You may use these icons freely on personal or commercial sites. You may NOT redistribute or sell these icons. I’d love it if you link to them, and feel free to use the large graphic above, but be sure to send readers to this post for icon download. Thanks!

Pastel Social Icons – pretty colors!

20 Free Retro Social Media Icons - This set of icons has some really nice, soft colors and interesting corners.

Crafty Circles Icons – stitched colorful circles, and uses the new StumbleUpon logo

Pretty Pink Social Media Icons – if you like pink, this is the set for you!

Pantone Color of the Year Icons – really pretty colors in these 4 sets!

Heart Shaped Icons – these are cute. The only thing missing is a Pinterest icon

Colorful Circles – lots of colors to choose from here

Check out the DivaThemes Card Deck Icons – click here!

Need help getting them on your site? Check out this tutorial on how to put the social icons in your site like a pro.

• 2 header options: center aligned site title/logo and description or left aligned title/logo with right side widget section sized to accommodate a 468×60 banner, social media icons, subscription area, etc.
• Upload your own logo in place of the title/description
• Optional sliding image section on the home page
• Optional featured image section, with two image sizes to choose from
• Optional widget area below header for advertisement, welcome, social media, subscription, etc.
• 3 footer widget sections
• Sidebar is wide enough for a 300px ad

Everything is easily controlled in the theme’s option panel.  The theme also includes a set of shortcodes to make post layout a breeze!

Click here for a live demo

• 2 header options: center aligned site title/logo and description or left aligned title/logo with right side widget section sized to accommodate a 468×60 banner, social media icons, subscription area, etc.
• Upload your own logo in place of the title/description
• Optional sliding image section on the home page
• Optional featured image section, with two image sizes to choose from
• Optional widget area below header for advertisement, welcome, social media, subscription, etc.
• 3 footer widget sections
• Sidebar is wide enough for a 300px ad

Everything is easily controlled in the theme’s option panel.  The theme also includes a set of shortcodes to make post layout a breeze!

Click here for a live demo

• 2 header options: center aligned site title/logo and description or left aligned title/logo with right side widget section sized to accommodate a 468×60 banner, social media icons, subscription area, etc.
• Upload your own logo in place of the title/description
• Optional sliding image section on the home page
• Optional featured image section, with two image sizes to choose from
• Optional widget area below header for advertisement, welcome, social media, subscription, etc.
• 3 footer widget sections
• Sidebar is wide enough for a 300px ad

Everything is easily controlled in the theme’s option panel.  The theme also includes a set of shortcodes to make post layout a breeze!

Click here for a live demo

• 2 header options: center aligned site title/logo and description or left aligned title/logo with right side widget section sized to accommodate a 468×60 banner, social media icons, subscription area, etc.
• Upload your own logo in place of the title/description
• Optional sliding image section on the home page
• Optional featured image section, with two image sizes to choose from
• Optional widget area below header for advertisement, welcome, social media, subscription, etc.
• 3 footer widget sections
• Sidebar is wide enough for a 300px ad

Everything is easily controlled in the theme’s option panel.  The theme also includes a set of shortcodes to make post layout a breeze!

Like this theme, but not the color scheme? Check out Dotty Tangerine.

Click here for a live demo

The navigation menu uses the Menus functionality, so you can customize it however works best for you.

View demo

Click here to download

Snappy Theme is a unique WordPress design using the jQuery Masonry plugin which “arranges elements vertically then horizontally according to a grid.” The result is a gap-less layout even if you have varying post heights.  Options include:

• 4 color schemes to choose from and if none of them quite suit you, there is a section in the theme options panel where you can enter your own CSS to change the colors.
• Upload your own logo in place of the title/description
• Optional widget area below header for advertisement, welcome, social media, subscription, etc.
• Widget sections in header, top right of “snapshot” pages and footer large enough for standard ad sizes.
• Posts and pages can be 2 or 3 columns.
• Archive, Category and Tag pages may either be displayed using the “snapshot” layout or a standard thumbnail/excerpt layout.
• Sidebar is wide enough for a 300px ad, and if using the 3 column layout, the left sidebar is wide enough for a 160px ad.

Everything is easily controlled in the theme’s option panel.  The theme also includes a set of shortcodes to make post layout a breeze!

Click here for a live demo!