/ / FREE SOCIAL MEDIA ICONS..{ and tutorial how to upload them to your site}

FREE SOCIAL MEDIA ICONS..{ and tutorial how to upload them to your site}

We just entered into a new month and a new season almost. YAY!Is this mean I need a new design for my blog? I haven’t change much, but even a little change is pleasing for my eyes:-)
 I decided to re design my header and social media icons.  As I was working on my new design, I quickly designed some for YOU too! How Awesome! We all like free stuff, right?
If you own your website or perhaps have a blog, these cute social media icons will enhance your site’s look!
Have you noticed that I’ve changed my PIN IT button that pops up when YOU hover over my images..?
 I had the original red PINTEREST button,which I wasn’t too crazy about.
…it looked OK…
 But check it out now…
..what do you think?
If you have not used the mouse over PIN IT button yet, I encourage you to do so! It gives your visitors a chance to PIN your images with one click.I get lots of visitors from Pinterest each day, so do not wait!Do it!

Here is the complete TUTORIAL, how to install it on your blog.
If you follow all steps through, it wont be confusing! I promise!
To add MY free PIN IT button to your site, make sure you do the following steps first:
!!!Read the TUTORIAL above!!!
– Download my zip file HERE
{ includes 7 social media icons and 1 pin it button for each color – 2 sets }
-Unzip the file
– Upload the individual transparent PNG files { 50px by 50 px } to Picasa, 
Photobucket or any other sites that will provide you with your image direct URL
-Copy the direct URL  and enter into line 3 on the coding section from the TUTORIAL.
{ !!!the yellow line below needs to be deleted and your image URL has to be copied there!!!DON’T USE THIS CODE BELOW, copy the code from the webpage above to notepad and change line 3}
01 <script>
02 //
03 var bs_pinButtonURL = "http://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.png";
04 var bs_pinButtonPos = "center";
05 var bs_pinPrefix = "";
06 var bs_pinSuffix = "";
07 //]]>
08 script>
09 <scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'type='text/javascript'>script>
10 <script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js'type='text/javascript'>
11 // This Pinterest Hover Button is brought to you by bloggersentral.com.
12 // Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
13 // Feel free to use and share, but please keep this notice intact.
14 script>
I hope the PIN IT button part was smooth for Ya! 
I am working with a Blogger template and I've learned a lot on my own since I started blogging.
If you are using WordPress, HERE is a helpful tutorial for you how to add social media buttons to your site.

Open your LAYOUT View and choose to add  HTML widget on your sidebar.
Copy the following Codes there and change it to your Social Media web address and your Image URL that you uploaded to Picasa or Photobucket.
Add as many codes as you need!
Example here:
Once you added all appropriate URLs, your side should show your new social icons and PIN IT button!
If you are not happy with the colors that I included for free, CHECK out my NEW ETSY SHOP

There you can instantly download 6 sets { 48 total } 
other eye catching social media icons with matching PIN IT button , for a few bucks.
I hope I was able to make your site prettier with these super cute social media icons!

You like What you see?
Stay connected!


 photo EF115F2DC23BDCEF2836A0DC4259602E_zps46160045.png

Similar Posts


    1. Thank You! I know how frustrating it is when you aren't an expert of these things, but you really want to do it on your own.I am always so happy to find good and easy tutorials myself:-)I am glad you found it helpful!

Leave a Reply

Your email address will not be published. Required fields are marked *