I’ve recently received a few emails from some of my readers asking how I added the social media icons and my description picture on my blog, so I decided to post a tutorial explaining the process. It’s pretty easy once you get familiar with it, and you can apply the exact same process to add other buttons/pictures and make your site look more personal. Everything you see on my blog has been made by me; I don’t necessarily like the idea of spending money on it, plus I enjoy experimenting and doing it myself. I’m by no means a computer savvy girl, so if I figure this one out, you can as well!
Let’s get started then.
First, you need to find social media icons that you want to use. It always looks better if you choose colors or designs that flow with your blog theme. Just google “free social media icons” and a million different options will show up. Download the icons and save them to a folder where you will be able to easily find them.
Here you have some free sources that I personally like:
Next, open a new post, select “add media” and upload your social media icon. This is just like adding a photo. My example will be for a facebook button, but you will need to repeat the same process for the other social media you would like to include as well.
Now go to your social media profile, in my case my facebook page (which you should Like to make this girl happy, btw ;P), and copy the web address. Then go back to your post and click the icon image to edit it. A window will open, and you should paste your web address where prompted for a Link URL.
The same window also features an advanced settings tab. Use this tab to modify the size of your button as you desire.
Repeat the aforementioned steps with your other social media profiles. Once completed, it’s time to copy the HTML code from the text tab. What a relief you don’t have to code that yourself, huh? But if anyone asks, just say you did and hold your head high!
Save your post as a draft in case you want to modify it in the future.
Next, go to Appearance > Widgets and scroll all the way down until you find the text widget. Drag it up to the sidebar box and place it wherever you want your social media buttons to appear. You can add a title above the icons if you’d like with a little description such as “Follow me”.
Lastly, open up the text widget box and paste your HTML code. Save it, and voilà! Your blog has now awesome social media buttons on it! Make sure your web links work properly when you click on the icons.
Isn’t it easier than you expected? Go ahead and try it out!