How to add social media icons to your blog

Do you make it easy for your readers to connect, like, follow you and basically find you anywhere on the internet? If not, you should- and we’re going to show you how. We’ll even learn a quick bit of html to execute. Don’t panic though- this is an easy process so don’t be intimidated by the terminology!

Having social media icons prominently displayed on your blog makes it easy for your readers to follow you. Learn how to  add social media icons to your blog.

How To Add Social Media Icons To Your Blog

Since social networking is crucial to blogging success, having prominent social media icons on your blog is an easy way to make yourself accessible. In addition, many bloggers like to share buttons or smaller logos of other sites. Here are three easy steps to add custom icons or buttons to your site.

1. Find or create the icons for your blog.

You can do a google search for social icons, which will return sites like The Best Social Media Icons All in One Place or 44 Must Have Free Social Media Icon Packs. If you are the more creative type, you can create your own in Photoshop (ideal size varies based on a site, but 60px x 60px is a good size to start). For tutorials on creating your own icons, check out this list of 20 social media icon tutorials to help you along.

2. Upload your images.

Icons can be uploaded directly to your blog or you can use a photo site like flickr or photobucket. Whichever you use, you will need the link to the image.

3. Add in your html code.

Do not be intimidated by the words “html code”. This is much easier than it sounds! Once you have your images uploaded, you need to add the following into your html widget area in Blogger or in a text widget in WordPress:

<a href=”http://www.linkgoeshere.com” target=”_blank”><img src=”http://www.imageurlhere.com”></a>

That’s it! You can insert any image using this method and link the images to the appropriate link. So if you are adding in a Twitter icon, you would use the following snippet:

<a href=”http://twitter.com/TwitterName”><img src=”http://www.imageurl.com”></a>

This will have the Twitter icon link to your Twitter profile. Click the Twitter icon in the the SITS Sidebar to see this in action- and make sure to follow us if you aren’t already!

The End...Footer Design
Why Header Design Matters

About Ashley Abele

Ashley is a mom of 3 young children, social media consultant and blogger. She focuses on strategizing for bloggers and small businesses to help them reach their online potential and subsequent sales potential as cofounder of Other Half Media. When she’s not busy creating blogger outreach programs, email or social media campaigns, she blogs her life, parenting, and frequent moves at My Front Porch Swing. Connect on @AshleyNAbele on Twitter and on Facebook.

Comments

  1. ok. HELP!! i’m super new and just getting started but i cannot for the life of me get this code thing. it shows up really hokie and takes you to my image but not my actual facebook or twitter link. >.< thanks. :)

  2. I found this info to be soo helpful! It was very easy to follow along with. Thank you for sharing!

  3. Hi there, yes this article is actually pleasant and I have learned lot
    of things from it about blogging. thanks.

  4. How to Add Social Media Icons to Your Blog: Now that you have your social media icons in hand, read th

  5. Hi, I desire to subscribe for this weblog to get newest updates, thus where can i
    do it please help out.

  6. Neat Web site, Stick to the very good work. Thanks a lot.

  7. I have some trouble to subscribe the rss feed, anyway Ive bookmarked this site, is very useful and full of informations.

  8. Just proves the old adage. Its an ill wind that blows no good. Not even computers will replace committees, because committees buy computers. Attributed to Edward Shepherd Mead

  9. I d isagree with 75% of ones opinions. And who appointed you judges?

Trackbacks

  1. […] How to add clickable buttons to your blog Free blog post planner […]

  2. […] Add Social Media Buttons To Your Blog […]

  3. […] How to Add Social Media Icons to Your Blog: Now that you have your social media icons in hand, read this post to figure out how to upload them to your blog! […]

  4. […] Social media icons are such fun. They can be super easy to swap out and provide a way for you to quickly personalize your blog design. […]

  5. […] contact information. ACK! Let people reach you. You might be surprised at what comes your way. :) The Sits Girls have a great tutorial on how to add social media buttons to your blog. And please, don’t […]

  6. […] How to Add Social Media Icons to Your Blog […]

  7. […] sure your social media icons are on the top of your […]

  8. […] You see them everywhere, don’t you? Those sweet little collections of groovy Facebook, Twitter and RSS Feed icons, known as social media buttons. […]

Our Story - Privacy Policy - Website Terms & Conditions