Add Facebook Share Button In Blogspot (Each Post)

Updated: January 1, 2018 / Home » Information Technology » Tutorial

之前,写了两篇如何在部落格加上 Facebook 的 Like Button 后。tph 就问说,可不可以加上 Facebook 的 Share Button。我上网找了找,发现我们也可以在 Blogspot 加上 Share Button。

什么是 Facebook Share Button 分享按钮?

Facebook Share Button

Like Button 和 Share Button 有什么不同呢?
Like Button 其实就是小小个的“赞”,在 Facebook 有基本的宣传效果。Share Button 就是“分享”,基本上比 Like Button 更能达到宣传效果。

一般上,大部份的网友都比较喜欢把好的文章分享给其他朋友,就如我之前刚刚写的 买SPNB房屋房产 折扣30%无需首期,就有 85 个 share,而 Like Button 就很少人按。

今天,我要跟大家分享的是在每一篇文章或每一个post上面的 Share Button。让我们看看如何 Add Facebook Share Button in Blogspot (Each Post)。

Facebook Share Button In Blog

如何在 Blogspot 部落格加入这个 Facebook Share Button 呢?

1. Login to Blogger Account > Design > Edit HTML。

RELATED  如何上网注册 PayPal Account 网络户口转账

2. Backup Template File (download to Your Computer)

3. 在“Expand Widget Templates box” 打勾。找这个 code,

[sourcecode language=”xml”]<data:post.body/>[/sourcecode]

4. 然后,把以下的 code 放在 步骤 3 的 code上面。

[sourcecode language=”xml”]
<!– Facebook share button Start –>
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<div style=’float:left;padding:5px 5px 5px 0;’>
<a expr:share_url=’data:post.url’ href=’http://www.facebook.com/sharer.php’ name=’fb_share’ type=’box_count’>Share</a><script src=’http://static.ak.fbcdn.net/connect.php/js/FB.Share’ type=’text/javascript’></script>
</div>
</b:if>
<!– Facebook share button End –>
[/sourcecode]

5. Preview 预览,满意的话就 save template。

6. 如有问题,欢迎询问。

如有疑问或建议,可在下面留言或赞(like)我们的 Facebook MisterLeaf 资讯网得到最新消息。

如果觉得这篇文章不错,欢迎分享(share)给身边的家人朋友。谢谢啦。

24 comments on “Add Facebook Share Button In Blogspot (Each Post)

  1. Mister Leaf [ Reply ]

    1. Go to Dashboard > Layout, click Edit on LinkWithin
    2. Insert the line below after :
    linkwithin_text_only=1;

  2. 米歇尔 [ Reply ]

    是的,米歇尔已经log in 但都没看到,不见了:(

    那个Related Post ,米歇尔不想有图片,只想显示文字,不懂怎么弄走图表:(

  3. 米歇尔 [ Reply ]

    是不见了那支笔,用途是修改文章的

    • Mister Leaf [ Reply ]

      我们必须 login 了 blogspot 才能看到那支笔。你试试 login,然后再看回自己的部落格。

  4. 米歇尔 [ Reply ]

    Mister Leaf
    为什么米歇尔明明在布局-博客帖子-修改-配置博客帖子里已经在 显示”快速修改”打钩,但还是不能够显示的?

    • Mister Leaf [ Reply ]

      不能够显示什么? Linkwithin 的 Related Post 吗?

  5. 米歇尔 [ Reply ]

    Mister Leaf,米歇尔可以不要图案的吗?

    • Mister Leaf [ Reply ]

      1. Go to Dashboard > Layout, click Edit on LinkWithin
      2. Insert the line below after

  6. 米歇尔 [ Reply ]

    哈哈!找到了!

  7. 米歇尔 [ Reply ]

    米歇尔还想问怎么放每一的博客帖子尾部(您或许对这些文章有兴趣:)好像你的Posts Related to

  8. 米歇尔 [ Reply ]

    Mister Leaf
    终于可以了!真的谢谢!

  9. 米歇尔 [ Reply ]

    其实我在布局-博客帖子-修改里看到已经在共享按钮打钩,可是不能够显示出来,只好自己放进去一些按钮,但是当按分享时统统只显示一个link而已

  10. 米歇尔 [ Reply ]

    你好,

    我试过了好几次放like 和 share 的 button 但不能够像你的一样有简介内容,我的只是一个link 什么都没有的:(

  11. 我想请问一下,如何trace谁like了我的文章?
    因为只会显示,8 people like this或者,XXX and 7 others people like this.
    我要从哪里知道谁like呢?

    • Mister Leaf [ Reply ]

      如果是你 Facebook 的朋友,那么你就能知道是谁。如果非你 Facebook 的朋友,那么你只能知道有多少人 like 你而已。希望能解决你的疑问。

  12. qingteo [ Reply ]

    我尝试了好多次,但都不成功。

    • Mister Leaf [ Reply ]

      qingteo,
      那你的部落格出现什么? 有没有 error 错误的讯息还是什么呢?

  13. 电动葫芦 [ Reply ]

    一直在找这个按钮,总算找到了 分享按钮

    • Mister Leaf [ Reply ]

      电动葫芦,希望您可以支持 MisterLeaf.com,我这里有很多关于电脑资讯的文章。谢谢。

  14. Mister Leaf [ Reply ]

    什么意思是左上角的 Share? 是 Facebook 的 Like Button 吗?

  15. 小雪 [ Reply ]

    现在blogspot的模板已经有share的button
    但是我的就是不显示出来~
    所以我都用左上角那边的share~

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.