在Tumblr上贴上它按钮文章

目标：我想在我的tumblr上每篇文章的底部添加一个“pin it”按钮（旁边有facebook和twitter按钮）。在Tumblr上贴上它按钮文章

主要问题：只需粘贴http://pinterest.com/about/goodies/提供的代码，将其按钮添加到tumblr的自定义HTML编辑器不起作用。我粘贴下面的代码在结束{块：帖子}块：

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

这导致在每个帖子的正确位置是“别针把它”按钮，但点击它什么都不做。由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>

Tumblr生成的锚标记中没有href属性。这似乎是一个问题。任何人都知道如何让Tumblr正确地做到这一点？

另一个问题（可能同样重要）：pinterest提供的代码没有指定要插入的图像。我想让按钮在帖子中固定图片。从网上阅读我已经有想法，包括url和媒体参数在href属性。例如：

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

同样，没有任何反应，当我点击所产生的销按钮就可以了 - 所以我不知道这些参数是必要的 - 只是他们不解决我的第一个问题。

任何帮助，非常感谢。

干杯， - 大卫

来源

2012-05-31 dmoench

感谢您的建议。这是最终为我工作的东西。

其次说明在http://tumblring.net/how-to-add-a-pinterest-button-to-tumblr/ 有下列差别：

使用以下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>

没包括以下javascript与嵌入的html一起：

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

干杯， - 大卫

来源

2012-06-11 19:16:42 dmoench

你的代码应该是文章块和邮政型块内为好。例如，如果要添加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}

来源

2012-05-31 18:06:49 yamill

yamill嗨 - 感谢您的答复。移动代码片段，使其位于帖子和照片块中都没有解决问题。点击结果按钮仍然没有链接到任何地方，html的锚标签Tumblr生成仍然没有href。 – dmoench

嗯......很奇怪。如果你不介意，你可以复制和粘贴你的主题代码吗？也许这将有助于调试。 – yamill

尝试使用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}

来源

2012-06-01 13:34:52 Violet

这将是正确的答案。您需要'URLEncoded'将任何正在添加到href中的信息。 – mikedidthis

在Tumblr上贴上它按钮文章

回答

相关问题