How to Add Pinterest button on tumblr blog?

Discussion in 'Social Networks' started by sarah12, May 8, 2013.

0
  1. #1
    Hi members,
    how can i insert the pinterest button on my tumblr blog for sharing images and other stuff on pinterest through tumblr any code or suggestion plz guide ?
     
    sarah12, May 8, 2013 IP
  2. anzilone

    anzilone Prominent Member

    Messages:
    547
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    300
    #2
    1, Log in to your account.
    2, Go to home page and click customize
    3, Edit HTML
    4, Ctrl+F to find (blockPosts), copy and paste the below code just after (block posts)

    5, 
    <a href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}" class="pin-it-button" count-layout="horizontal"><br />
<img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /><br />
</a>
    Code (markup):
    6, Add the Pinterest share button code to your page directly above the closing </BODY> tag

    7, 
    <script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
    Code (markup):
    8, Remember to Update Preview if you find the Pinterest button then save and close. That's it.

    Believe that you are clear now.

    Courtesy - rockbleeder.blogspot.in
     
    Last edited: May 14, 2013
    anzilone, May 14, 2013 IP
    hakkimone likes this.