如何将社交媒体按钮放在Tumblr博客上

07年1月

注册以创建一个Tumblr博客

注册Tumblr。 照片©Tumblr

如果您尚未创建Tumblr博客,首先需要访问Tumblr.com,您将被要求输入您的电子邮件地址,密码和所需的博客网址以开始使用。

任何拥有Tumblr帐户的人都可以通过点击特定博客帖子上的“赞”按钮或“重新登录”按钮与其他用户分享内容。 这些内置按钮允许任何人在Tumblr网络的虚拟墙内共享内容; 但是他们不会给您在FacebookTwitter ,Google+或StumbleUpon等任何其他主要社交媒体网站上分享内容的灵活性。

如果您想在Tumblr博客中添加额外的分享按钮,您需要将一些代码复制并粘贴到您的Tumblr博客模板中。 在主题HTML文档的右侧添加一段代码会自动将社交媒体按钮放置在每个以前发布的博客文章和所有未来的博客帖子下。

07年2月

选择您的社交媒体按钮

社交媒体按钮。 照片©iStockPhoto

在博客上放置的最常见的社交媒体按钮包括Facebook“Like”按钮和Twitter官方Twitter按钮,但您也可以包括Digg按钮,Reddit按钮,StumbleUpon按钮,Google+按钮等其他按钮, Delicious按钮或您选择的任何其他社交媒体按钮。

避免在您的博客中包含太多按钮,因为它可能会导致您的帖子出现混乱和混乱的读者谁可能想分享您的内容。 考虑在每篇博文下面最多放置五六个社交媒体按钮。

03年7月

查找和自定义每个按钮的代码

Twitter代码。 照片©Twitter

大多数社交网络都有一个特定的页面,专门向用户展示如何在博客或网站上安装和定制他们自己的分享按钮。 如果您无法找到要查找的内容,请尝试在首选搜索引擎中输入“[社交网络名称]按钮代码”以找到它并将网站名称替换为[社交网络名称]。 例如,通过搜索“Twitter按钮代码”,首先弹出的结果之一应该是来自Twitter网站的官方Tweet按钮页面。

一些社交网络将允许您对其按钮进行自定义,包括按钮大小,附加标题文本, URL结构 ,共享计数选项和语言设置的更改。 并非所有的社交网络都包含可自定义的按钮创建,但对于那些可以自定义的按钮创建,代码片段将根据您的设置进行更改。

04年7月

访问您的Tumblr主题文档

Tumblr主题文档。 照片©Tumblr

在Tumblr仪表板上,标题为“主题”的标题中有一个选项,当您点击打开主题时,它会显示主题代码。 如果点击它后没有看到一堆代码,请点击窗口底部的“使用自定义HTML”按钮。

HTML,PHP,JavaScript和其他计算机代码的工作经验不足的人可能会因为查看本节而感到恐惧。 重要的是要记住,你根本不会写任何新的代码。 您只需将按钮代码放置在主题文档中即可。

07年05月

通过主题文档搜索

Tumblr主题代码。 照片©Tumblr

您需要查找的唯一代码行是: {/ block:Posts} ,代表博客帖子的结尾,通常可以在主题文档的底部附近找到,具体取决于您的Tumblr主题正在使用。 如果您仅通过浏览代码就很难找到这行代码,则可以尝试使用Ctrl + F查找程序功能。

同时按下键盘上的控制按钮和字母“F”按钮以调出取景器输入。 输入“{/ block:Posts}”并点击搜索以快速找到代码行。

06年7月

将按钮代码粘贴到主题文档中

Twitter代码。 照片©Twitter
复制您创建的自定义按钮代码,并将其直接粘贴到以下代码行: {/ block:Posts} 。 这告诉博客主题在每篇博文的底部显示社交媒体按钮。

07年7月

测试你的Tumblr博客

Tumblr与社交媒体按钮。 照片©Tumblr

你已经做到了有趣的一部分。 如果您已将按钮代码正确放置在主题文档中,那么您的Tumblr博客应在每篇文章的底部显示您选择的分享按钮。 点击它们可以轻松在其他社交媒体网络上分享您的Tumblr帖子。

提示: