html - Custom Pinterest button for custom URL (Text-Link, Image, or Both) -
i tried find solution can't. need custom image pinterest (pin it) button , pin custom image url not current page.
i created custom link:
<a href="http://pinterest.com/pin/create/button/?url=http://inspired-ui.com&media={imageurl}&description=descriptiontext" class="pinitbutton">pin it</a>
in style set background image see default pin button , not custom button
there solutions can set custom button image pin button can't change media={imageurl} in solutions.
the popular solution is
<a href='javascript:void((function()%7bvar%20e=document.createelement('script');e.setattribute('type','text/javascript');e.setattribute('charset','utf-8');e.setattribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+math.random()*99999999);document.body.appendchild(e)%7d)());'><img src='http://www.brandaiddesignco.com/blog/pinit.png'/></a>
but doesn't me. 1 know solution?
indeed popular solution jeremy mansfield @ www.brandaiddesignco.com has great method customize pinterest button any way want!
i've made three examples, in form of jsfiddle's, can see how it's done using method.
reference: jsfiddle text-link method
reference: jsfiddle custom logo method
reference: jsfiddle custom logo , image method
for more pinterest info, see other so answer.
Comments
Post a Comment