Friday, August 16, 2013

DIY: Free For Friday - Install Social Network Icons on Your Blog

Happy Friday! Here's a FREEBIE plus a How- to!  I love customizing anything, everything, you name it.  I've been working on personalizing my blog quite a bit lately and wanted to share some social media icons I created.  It's so simple to install them and they have transparent backgrounds so they blend with your current background.


click to start download

After your download is complete, extract the files and upload them to your favorite image hosting site.  I use photobucket, very easy.

Once your images are uploaded online, copy the images direct link and paste it into a new HTML/Javascript widget in your sidebar.  Enter them one after the next:

 <img src="http://photobucket.com/facebook.png"><img src="http://photobucket.com/twitter.png">

Use your own image URLs from your hosting site ... these are just examples!

To make you new social networking icons work, you need to include links for them.   Just place your <a href=> link around each image code:

<a href="http://www.facebook.com/yoururlhere"><img src="http://photobucket.com/facebook.png"></a><a href="http://www.twitter.com/yoururlhere"><img src="http://photobucket.com/twitter.png"></a>

Place your widget where you would like your social media icons to appear on your blog and your good to go!  Super easy!

Hope you love them as much as I do!  Have a fantastic weekend!


Let me know how what you think of the icons!

                                                                                                                                         xoxo Kelly