javascriptpinterest

Pinterest "Pin it" button is not working


I'm trying to integrate pinterest into a website. I want to add "pin it" button. I couldn't make it work. Here is what I'm doing:

<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.polyvore.com%2F&media=http%3A%2F%2Fembed.polyvoreimg.com%2Fcgi%2Fimg-thing%2Fsize%2Fy%2Ftid%2F40748454.jpg" class="pin-it-button" count-layout="horizontal">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>

I might be doing something very stupid. Can anybody let me know what am I doing wrong here?


Solution

  • It works but It will give you only link on "Pin It" text. If you want the PinIt button then you need to write like you need to include img tag between anchor tag with given source - src="//assets.pinterest.com/images/PinExt.png" title="Pin It"

    <a
     href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.polyvore.com%2F&amp;media=http%3A%2F%2Fembed.polyvoreimg.com%2Fcgi%2Fimg-thing%2Fsize%2Fy%2Ftid%2F40748454.jpg"`enter code here`
     class="pin-it-button" count-layout="horizontal">  
       <img src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
                       </a>