I know what you’re thinking-where in the world did this come from? This doesn’t seem to fit the typical “healthy” or “new resolution” posts that you would expect. I know, I know, but stay with me for a minute. So many of my close friends have started blogs this past year, and I wanted to share something that really helped me-something that many of you may have on your to-do lists; a “how-to“ on installing those cute little icons/buttons on your blog.
As a disclaimer, while I am a total nerd/techy geek at heart, I am definitely not an expert by any means. I love this technologically-advanced age (parts of it), but I’m still somewhat in the dark and trying to catch up. That being said, when I created my blog, there were a few very specific elements that I wanted, so I researched and hunted until I found helpful links, blog posts, articles that could help me achieve what I was looking for. Installing social media icons on a blog really helps in many ways: they tidy up the sidebar and put all of the ways people can connect with you in one place, they look very professional, and they make it much easier for people to connect with you on facebook, twitter, pinterest, and many other social media sites. I searched and searched for info on this subject for days and never could really find anything useful. Just when I was ready to pull my hair out and throw in the towel, I remembered that I have a brilliant friend, Jen, who is amazing at all things “techy,” so I begged asked her to please help me out! She came up with a great HTML code that saved my life worked like a charm!
I am writing this post and sharing this code, just in case there are any others who are also having a difficult time figuring this stuff out. Hope it helps, and feel free to leave any comments or questions you might have! (Again, this code is only set up for blogs/websites hosted by Blogger.)
I am going to try to do this step-by-step, so hopefully it won’t be too overwhelming or confusing.
Step 1. Choose your social media icons.
You can find some here, here, or here. Icon Finder is a great resource as well. You can also google “social media icons” and it will pull up countless resources and sites to choose from.
*Note: Choose icons sets if possible, so that everything looks cohesive, and also pick icons that match or coordinate with the style and feel of your blog.
Step 2. Download the icons to your computer.
Step 3. Upload the icons/images to an image hosting site. (I used Photobucket, and that is the way this particular code is written, so you’ll have to use that site if you want the code to work.)