Build Shed: How To Add Social Media Buttons To Your Blog Sidebar

How To Add Social Media Buttons To Your Blog Sidebar

I just spent many hours figuring out how to add some new social media icons to my sidebar yesterday and the night before.

I google and googled and googled; then I googled some more.

There was downloading, then uploading, then trying to figure out some HTML code.

I just couldnt do it.

I am NOT a web designer and I DONT understand HTML code.

And I dont have the money right now to be paying a blog designer to do all these things for me, even though I would rather do so.

(Can you feel my frustration???)

So, I googled some more.

And I found this:

And I heard angel sing Hallelujah! OK, maybe I was the one singing!

In this video Emily from Blogoholic Designs

explains how to put social media icons onto your blog

"WITHOUT
using a 3rd party hosting site (like photobucket)

or
WITHOUT
having to manually edit any code"!!!

The above video is for a Blogger blog, but if you click on the video and then click on her Youtube page, there is also a video on how to do this for Wordpress.

~Anyway~

So, after I found out HOW to put social media icons on my blog, I had to find some social media buttons.

I could have made them, but why, when there are so many great ones out there.

for FREE!

There are also many cool ones that you can buy for

$5, but hey, Im on a budget...a ZERO budget right now.

soooooo

I went on Pinterest and searched for "social media icons" and this is what I found:

and I clicked on these beauties:

They can be found at Craftiments.com

Then, I followed the directions for downloading the icons and downloaded the icons to my computer.

These icons are 100 pixels in size and I needed them to be 48 pixels so that I could get 6 of them on one row of my sidebar (my sidebar is 300 pixels wide)

I opened each one up in Paint and resized them to 48.

(select all, resize, choose pixels, then type in 48 where it says 100, then crop)

I saved the icons in my "blog design" folder on my computer,

then followed the instructions in the video.

Its a little time consuming, but

I DID IT!!!

Yay!

Of course, you can see them on my sidebar, but here they

are:

social media icons, social media icons, how to add social media icons to your sidebar

(lol, I just noticed my spelling error. Changed it on my sidebar, but this pic is all over Pinterest!)

To recap, here are the steps:

1. find your icons and download them.

2. resize and save them in a folder.

3. watch the video and install the icons.

The whole process takes awhile, so break it down by 3 sessions if you get overwhelmed.

That makes it so much easier.

I hope I saved you a lot of time and frustration

and maybe a little money too!

Ive also been working on my sidebar pics and popular projects so they are easier to find.

Would love it if you checked them out.

ps. I might be able to tell you what were saving our money for by the end of the week... if all goes well....

Please feel free to ask me a question you might have after reading this post.

Pam

ps. you might want to pin this page for later when you need it.

Thanks so much for all your nice comments!
Hope you will all come back and see me again.

How To Add Social Media Buttons To Your Blog Sidebar