Question

我试图加入＆＃39;分享＆＃39;我的博客上的Pinterest按钮，就像Facebook或Twitter分享按钮，你现在通常会在大多数博客帖子的后页脚中找到它。

我做了一些研究并且遇到了以下编码：

<a class='pint-er-est' 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)());'>Share to Pinterest</a>

这是一个非正式的分享按钮＆＃39;对于Pinterest。它目前可以在我的博客上看到。

这是我博客的理想选择，因为我可以选择自定义/自行设计的社交媒体图标来配合此代码，以便分享按钮的整体外观与我的博客设计的其他部分完全吻合。

我对这段编码的问题是“分享按钮”。不会自动选择所述博客帖子的第一张图片，而是让读者可以选择整个博客上的所有可用图片，其中包括社交媒体图标本身。我想要一个分享按钮，自动选择博客帖子的第一张图片，然后将图片打开到读者的Pinterest帐户，准备好为他们添加标题和/或Pin-It。

我已多次尝试尝试改变编码以符合我的偏好，但无济于事。

Answer 1

来自Pinterest for developer页面here的资源。基本上，Pinterest提供的代码允许您指定用户的URL，图像和描述。

这是您将在html中包含的代码：

<a href="https://www.pinterest.com/pin/create/button/
    ?url=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F
    &media=http%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg
    &description=Next%20stop%3A%20Pinterest"
    data-pin-do="buttonPin"
    data-pin-config="above">
    <img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
</a>

在结束身份标记之前的行中包含此内容：

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

如何创建一个直接的＆＃39; pin-it＆＃39;在Blogger上链接Pinterest？

1 个答案: