One thing I think every blog should have is social media icons - a way to follow the writers other accounts on social media. Social media icons are really easy to install on your blog, however if you like the look of hover effect icons (you can see mine on the left for a demo) then I have a super easy way to show you how you can create this without too much effort.
For this tutorial you're going to need two sets of social media icons - basically the same icons in two different colours. One is going to be your standard set and one will be for the hover colour or the colour the icons change to when you scroll over them. You can find loads of free social media icons on the web or you could create your own. I really like this free set here which comes in several colours.
When you've found the social media icons you want to use, you're going to need to upload them to photobucket or an alternative site. I recommend naming your icons set 1 and set 2 as it makes the process much easier.
<img src="link to social media icon 1" border="0" onmouseover="this.src='link to social media icon 2'" onmouseout="this.src='link to social media icon 1'" style="padding-right:5px" /></a>
So, in the yellow box you need to add the link to your social media account. In green, you add the name of the account (for example, Twitter). In orange, add the direct link to your first social media icon (you need to add this twice) and in purple add the direct link to your second social media icon (the direct link will be on the right hand side of your photobucket page). The value in blue can be changed either lower or higher depending on how much space you want between the icons.
You need to add this code (follow the above step) for every social media icon that you want to add. All the coding goes into the blank box of the html widget. When you've finished, click save and your hover effect social media icons will be added to your blog.
I hope this was helpful!!
Twitter | Bloglovin | Google +