Uploading social media icons onto Blogger seems so much daunting than it really is. There is some HTML involved but it is so easy. It is essentially copying and pasting code and changing some words around.
1) First of all download some social media icons. There are loads around, flaticon is a good site that has been used in my workplace. This site is good too.
2) Once you have downloaded them, upload them into Photobucket or Flickr. I use Photobucket.
3) On Blogger go onto layout, on your sidebar click 'Add a gadget' then click add HTML/ JavaScript.
4) Open up the HTML/ JavaScript and copy and paste this code:
<a href="Your custom link"><img src="Your Image URL" alt="Twitter" /></a>
5) On the ''Your custom link'' add in the link you want readers to click on. In this case I will add my Twitter link: http://www.twitter.com/bex91 and in ''Your Image URL'' add in the URL of the image so for me it's this: http://i1382.photobucket.com/albums/ah271/rebeccamerchant1/Twitter_zpsgkqaq8kx.png
To add other links just copy and paste the HTML but change the ''Your custom link'' and ''Your Image URL''and alt=''Twitter'' to whatever social network you want and corresponding image url. So see below in pink:
<a href="https://www.pinterest.com/becbecbex/"><img src="http://i1382.photobucket.com/albums/ah271/rebeccamerchant1/Pinterest_zpsaqm7dqql.png" alt="Pinterest" /></a>
Here is a screenshot of what it looks like all together:
There you go, it is a really easy way to make your blog look professional.
Want more tutorials?
How to add make and add a favicon to Blogger using Picmonkey
Best sites for blogging and social media beginners
Best sites for blogging and social media beginners #2
0 comments:
Post a Comment