Thank you for visiting!Please sign up for our newsletter and stay in touch on social media for more tips! Google Plus Community, Facebook and Twitter. We would also love to share your blogging tip posts on our social media, don't be shy to leave us a link! We appreciate you sharing this post. 🙂
Having a blog gets a bit overwhelming at times, there are so many things to setup and make sure you have. But, firstly you want to have your social icons right there visible for your new readers to follow you on. These are just as important as your social share buttons
There are many plugins that can do this for you, some even come built into premium themes that you purchase. The current Powerful Mothering theme offers me a built in social icon set. They look like this.
The Blog Hangout’s theme however does not come with any social icons built in. Options are: Install yet another plugin or DIY some Social Icons!
The traditional and most expected place to find your social icons is at the top of your side bar.
A quick Google image search for “social icons” will give you many stunning icons to pick from. My favorite set however is at Carrie Loves were she offers a set of 19 icons for free! PLUS! They come in a variety of colors. Today, I am going to show you HOW to add these to your wordpress blogs sidebar.
First, download your choice of icons, I choose the “Tender Shoots” set for this how to, and extract them to a new folder.
Secondly, open a new post so you can grab the html for the sidebar. Click on “Add Media” and upload your choice of images for your blog.
Insert into your post. Now your icons are going to be 72×72 in size. What you will want to do is size them down a bit. I usually click on the image and edit the properties.
Change the percentage for each image. If you know code you can always do it the html way that Carrie suggests on the page you got the icons from. Next Link up your images.
Click the image for linking, select link, fill in your details and “Add Link”. Repeat for the all the icons. Next up, Go into the HTML view and copy the code.
Save the post draft in case you need to come back here to edit. Go to your widget area. Drag a text widget to the sidebar and paste (CTRL + V) your code.
There you have it! They are now available at the top of your side! Go view them to make sure they fit. Remember to test your buttons too to make sure they work!