Html 将其按钮固定在Tumblr柱上

目标：我想在tumblr上的每篇文章底部添加一个“锁定”按钮（与facebook和twitter按钮一起）

主要问题：简单地将提供的代码粘贴到tumblr的自定义HTML编辑器中以添加一个pin-it按钮是不起作用的。我在{block:Posts}块的末尾粘贴了以下代码：

    <a href="http://pinterest.com/pin/create/button/" class="pin-it-button" 
    count-layout="horizontal">
    <img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
    </a>
    <script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

这会导致在每篇文章的正确位置出现一个“pinit”按钮，但点击它却没有任何作用。tumblr生成的HTML已更改，如下所示：

    <a style="cursor:pointer" title="http://pinterest.com/pin/create/button/" class="pin-it-button" count-layout="horizontal">
    <img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It"></a>
    <script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

同样，当我点击结果的pinit按钮时，什么也没有发生——所以我不知道这些参数是否必要——只是它们没有解决我的第一个问题

非常感谢您的帮助

干杯，

---

-David

您的代码也应该在Posts块和Post-type块中。例如，如果要在照片帖子中添加pinit按钮，则如下所示：

{block:Posts}

{block:Photo}
<a href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}" class="pin-it-button" count-layout="horizontal">
    <img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
    </a>
{/block:Photo}

{/block:Posts}

{block:Posts}
{块：照片}
{/block:Photo}
{/block:Posts}

尝试使用URLEncodedPermalink对变量进行编码-这对我很有用：

{block:Posts}

  {block:Photo}
    <a href="http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&media={URLEncodedPhotoURL-500}" class="pin-it-button" count-layout="horizontal">
    <img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
   </a>
  {/block:Photo}

{/block:Posts}

{block:Posts}
{块：照片}
{/block:Photo}
{/block:Posts}

谢谢你的建议。这就是最终对我有用的东西

按照 有以下区别：

在{/block:Posts}结束标记之前使用了以下HTML嵌入代码：

<a href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}"
class="pin-it-button" count-layout="horizontal">
<img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
</a>

未包含随html嵌入一起剪切的以下javascript：

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

---

嗨，亚米尔-谢谢你的回复。将代码段移动到POST和photo块中并不能解决此问题。结果按钮在单击时仍然没有链接到任何地方，Tumblr生成的html锚标记仍然没有href.Hmm…奇怪。如果你不介意的话，你能复制并粘贴你的主题代码吗？也许这将有助于调试。这将是正确的答案。您需要

URLEncoded

添加到href中的任何信息。

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