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(&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 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

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -