10 Free Social Media Icon Packs for web designers and bloggers

Social Media Icons are a very important element for every blog and website. So every webmaster and blog owner should take count of this must have feature, because thats the best way to attract your readers to join you to your Social Media site accounts. So here is a small collection of Free Social Media Icon Packs which will help you decorate your website and blog.

Hand drawn Social Media icons

It is a free Social Media icons set designed by Ondrej Rafaj made for bloggers and web designers. It includes 15 original icons for Google, Flickr, LinkedIn, MySpace, YouTube, RSS, Technorati, Facebook, Twitter, Delicious, Yahoo, GMail, Feed Burner, RedDit and calendar.

Download

Free Social Media Bubblicons

A very beautiful free Social Media icon set, including 20 icons in PNG format with 48×48 px size from most popular Social Media sites. The author of these icons is Supratim Nayak from designinstruct.com.

Download

Buddycons – Vector Social Media Icons

This Social Media icons pack –  Buddycons, contains 126 vector social media icons in PNG format. You can find them in two shapes, circular and rounded rectangle. These icons are free to use for personal and professional purpose. This social media icons collection is designed by Orman Clark.

Download

Bulb Social Media Icons

A great collection of 9 PNG Social Media icons in form of a bulb with liquid. Designed by Sargsyan

Download

OLED Social Media Icons

Interesting OLED style Social Media Icons designed by Arrioch.

Download

Sticker Style Social Media Icons

The sticker style Social Media Icons pack contains 11 icons from the most famous Social Media sites, designed by Clay Clauley.

Download

Social Media Icons by carrizo

This pack contains 17 Social Media icons in PNG format, designed by Carrizo.

Download

Jet Black Social Media Icon Set

These social media icons are free and contain all of the most popular social media and content sharing sites. The icons come in three sizes (32×32, 64×64, 128×128).

Download

WG Social Media Icons

A social media icon pack containing 16 social media icons. All items are in png format. Dimensions are 48×48 pixels and these icons are designed from WebGraphics.net.

Download

Social Media Disc Icons

Great social media icon pack, designed by z3olyte.com. The pack contains 11 social media icons in 4 sizes: 256 x 256, 128 x 128, 64 x 64 and 48 x 48.

Download

Read More

How to Add Facebook Social Plugins to Your Blog

As per TechCrunch, there are 50,000 websites which have already integrated Facebook’s new social plugins, is your blog one of them?

Up till now, Facebook has offered 8 social plugins, just as below:

1. Activity Feed
2. Comments
3. Facepile
4. Like Box
5. Like Button
6. Live Stream
7. Login with Faces
8. Recommendations

In order to add any of the above 8 Facebook social plugins to your blog, you can use the iframe code or XFBML code. There are both iframe code and XFBML code for Activity Feed, Like Box, Like Button, Live Stream as well as Recommendations, but there is only XFBML code for Comments, Facepile and Login with Faces.

For the social plugin with iframe code, you can just copy and paste the code in any post/page or sidebar of your blog, then the social plugin will be active. And for the social plugin with XFBML, you need the JavaScript SDK to active it.

Below are the steps for you to add an XFBML social plugin to your blog:

1. Create an Application

Opening Facebook Create an Application webpage，you will see a screen like below:

Enter your blog name, blog URL and select your blog language, click on the “Create application” button, then you will see your app name, URL, ID, secret and sample code, just as below:

In the sample code, we just need below section for WordPress blog:

The above code is called JavaScript SDK, which you can use as many times as you want anywhere, just remember to replace “112991812071064” with your app ID.

2. Add XFBML Code

In order to make the social plugin with XFBML code active, you just need to put the XFBML code together with JavaScript SDK. For example, the XFBML code for the social plugin Comments is as below:

If you want to add this Comments plugin to your blog, just copy and paste the above code as well as the JavaScript SDK in any post or page of your blog, and then you are done.

The effect of the Comments social plugin will look like this:

And if you want to add the Comments social plugin to the sidebar of your blog, just put the XFBML code together with JavaScript SDK in the sidebar, that’s it.

Read More