Fashion | Beauty | Life | Design

Saturday, November 30, 2013

How to add Pin it button to Pictures | How to change button to Custom Pin It buttons

Hello!!
So today I will be showing you all how to add a Pin it button to your pictures, and also how to change the button!! like this:
(Hover mouse over this image)


1. So first go into your Template > HTML. (Back Up Blog)
2. Find the </body> towards the bottom of the codes!
3. Once you found it copy the code below:

CODE:
<script>
//<![CDATA[
var bs_pinButtonURL = "http://i1219.photobucket.com/albums/dd437/rangertennis123/pinitbutton-1.png";
var bs_pinButtonPos = "center";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
</script>


 4. Once you copied it, paste it right below the </body>  like this:


Now the button that you see might be this one:
If you like this one, then you are done!!

If you want to change it :

1. Go back to the HTML area where you pasted the code.
2. Find this:

This is the IMG URL. If you want to add your own, make sure to upload the button that you would like to Photobucket or another place where it gives you the photo IMG URL. 

3. Copy the IMG URL to replace the "http://example.png";  (make sure to leave the " " and the ; from these codes. 

That should be it!!

Also, I have some extra PIN IT buttons, so if you want them, just copy the IMG URL and ENJOY!!









Regular Pinterest Logo

I hope that it ALL works, and if you have any comments or anything, let me know by leaving a comment!!



SHARE:

2 comments

  1. Super helpful!
    I did it on my blog and it works perfectly!
    You're awesome dear, thank you so much! :D

    valencialala.blogspot.com

    ReplyDelete

Blogger Template Created by pipdig