Simply right click on each one, select Save Image As and save to your computer. Upload each one and add them to your sidebar using the the code below the icons.
<a href=”YOUR-SOCIAL-MEDIA-LINK-HERE” target=”_blank”><img src=”ADD-YOUR-SOCIAL-ICON-UPLOADED-IMAGE-URL-HERE” alt=”DESCRIPTION IE. TWITTER” width=”30px-FOR-EXAMPLE“ /></a>
Above is the code to add for each icon to the same text/html sidebar widget. Ammend the bold text only and be sure to leave the quotation marks.
For each icon you will notice that you need to set:
- The url of the social media account you wish the icon to click through to
- The url of the image of the icon that has been uploaded to your blog. (Dashboard > Media > New)
- The ‘alt’ tag – this is a descriptive tag for the icon, ie. for Pinterest icon “Pinterest” and so on.
- Width. You can adjust the size of your icons by changing the value of the width, enabling you to make them bigger or smaller as you wish. As an example below I show you the sizes of 20px, 30px, 40px and 50px icons.
I'm Annie and I live in the depths of the New Forest. Mother to many, wife to one, blogger, creative type, lover of real books and a bit of a lush.
Genius, thank you, I need to add some more to my blog.
Coombemill recently posted..Indulgent Farm Cookies
Brill, thanks I needed some new ones too!
crafts on sea recently posted..DIY Vintage Teacup Candle
I just tried this but my images are not displaying. Only a rectangle box appears.
I uploaded the files to the media library. I copied the file URL. I test the URL and it displays the icon. Below is my code.
Sandy recently posted..How to make fondant fancies – top 10 tips
You code should start with http:// so for facebook for example it would be:
Hope that helps!
Thank you!! This is exactly what I was looking for
Shelley @ Sow and Dipity recently posted..Recycled Rooster Junk Art