Social Media Icons

For my awesome readers...more social media icons! If you missed the last set, view them HERE!

Here's a set of gray and white icons.  The first set are a little bigger...75x75, and the second set are smaller 50x50. Note...these codes are for the button only, you will need to link each one to each of your social media sites by way of "Rich Text" inside your HTML gadget.  See the end of this post for a mini-tutorial!



<a href=";current=GrayWhiteButtonFacebook1.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonFacebook1"></a>
<a href=";current=GrayWhiteButtonTwitter-1.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonTwitter"></a>
<a href=";current=GrayWhiteButtonPinterest-2-1.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonPinterest-2"></a>
<a href=";current=GrayWhiteButtonRSS1.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonRSS1"></a>
<a href=";current=GrayWhiteButtonGoogle-1.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonGoogle"></a>
<a href=";current=GrayWhiteButtonEmail-1.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonEmail"></a>
<a href=";current=GrayWhiteButtonBL-1.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonBL"></a>



<a href=";current=GrayWhiteButtonFacebook-1.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonFacebook"></a>
<a href=";current=GrayWhiteButtonTwitter-2.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonTwitter"></a>
<a href=";current=GrayWhiteButtonPinterest-2-2.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonPinterest-2"></a>
<a href=";current=GrayWhiteButtonRSS-1.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonRSS"></a>
 Google +:
<a href=";current=GrayWhiteButtonGoogle-2.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonGoogle"></a>
<a href=";current=GrayWhiteButtonEmail-2.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonEmail"></a>
<a href=";current=GrayWhiteButtonBL-2.jpg" target="_blank"><img src="" border="0" alt="GrayWhiteButtonBL"></a>

I am working on more different colors, styles, sizes, and social media sites, so stay tuned and keep checking back! 

If any of the codes don't seem to work, send me an email at and I'll try to help ya! For instructions on linking these codes to your social media sites, scroll down a little for a mini tutorial.

If you missed the free icons posted yesterday, click HERE to view those!
These are for your own website only, not to be re-distributed or sold!
Hope you're having a great weekend, and Happy Mother's Day to all the moms!

Stay tuned for more finds!

Mini Blogger tutorial on how to link your icons to your social media sites:

From your layout, add a gadget. In the options, choose HTML/Javascript.  Enter any of the html codes above, depending on which social media site buttons you want.
(click on the pic to view it bigger).
 In the above pic, I have pasted 3 html button codes (all twitter...just for the tutorial).  Then click "Rich Text" where the blue arrow is pointing in the above pic.  That will transform your codes into picture form.  
Choose the icon you want to link first to highlight it.  Then, click on what looks like a globe wearing sunglasses (where the blue arrow is pointing in the above pic). That will bring up a box where you will put the web address to the icon you clicked on.
If you highlighted your Facebook icon, you will put the web address to your Facebook page in this blue box. Then click OK.  Then click your next icon to highlight it, and click the globe with sunglasses again. Put in the corresponding URL address (Twitter icon to Twitter page, Pinterest icon to Pinterest page, etc). Once you have linked all your icons to the corresponding web addresses, click Save.