Sunday, August 5, 2012

Pinterest butoon in blog

Go to the template editor, Edit the HTML, check the box to expand the widget template, search for:

<b:includable id="shareButtons" var="post">

Scroll down that section of code where are the share buttons are, and about the last line or so you'll see:

<b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container' style='width: 32px; overflow: hidden;'><data:post.dummyTag/></div></b:if>

Add the following code right before that line: 

<div class='goog-inline-block dummy-container'><a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);
e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);
e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);
e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999); document.body.appendChild(e)%7D)());'><img alt='Pin It' onclick='doPinIt();' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQTpavg55uOvgbD_F5_FZQxmPkl9nXCTCqsrzQK-TwYZO3w50fdmBHlkLCZYQlm7NvoYktfEVh1D_2R4qvVRTz9kEbLRfh2OCAiXurNHfBv85eDtouDK9ZJYWOYAV54-q_eMFFqegrUaQ/' style='margin-top: -3px; margin-right: 0; margin-bottom: 0; border: 0; padding: 0;'/></a></div>


Extraido