html - 用于自定义URL(文本链接，图像或两者)的“自定义Pinterest”按钮

我试图找到解决方案，但找不到。我需要一个用于Pinterest(Pin It)按钮的自定义图像，并按url(而不是当前页面)固定一些自定义图像。

我创建了一个自定义链接:

<a href="http://pinterest.com/pin/create/button/?url=http://inspired-ui.com&media={ImageURL}&description=DescriptionText" class="pinitbutton">Pin It</a>

在样式上，我设置了背景图片，但仅看到默认的Pin It按钮，而没有看到自定义按钮

在某些解决方案中，您可以为“Pit It”按钮设置自定义按钮图像，但是在这些解决方案中，我无法更改media = {ImageURL}。

流行的解决方案是

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

但这对我没有帮助。有谁知道解决方案吗？

最佳答案

的确，Jeremy Mansfield在www.brandaiddesignco.com上流行的解决方案提供了一种很棒的方法，可以以任何想要的方式自定义Pinterest按钮!
我以 jsFiddle的的形式制作了三个示例，因此您可以看到使用该方法是如何完成的。
引用: jsFiddle Text-Link method
引用: jsFiddle Custom Logo method
引用: jsFiddle Custom Logo and Image method
有关的更多信息，请参阅我的其他SO Answer。