Add Facebook Share Button In Blogspot (Each Post)

Updated: October 18, 2020 / Home » Information Technology » Tutorial

之前，写了两篇如何在部落格加上 Facebook 的 Like Button 后。tph 就问说，可不可以加上 Facebook 的 Share Button。我上网找了找，发现我们也可以在 Blogspot 加上 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)。

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

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

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 != "static_page"’>
<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. 如有问题，欢迎询问。

Discover more from MisterLeaf.com

Subscribe to get the latest posts to your email.

MisterLeaf

Updated On October 18, 2020 / Category: Information Technology, Tutorial

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

Mister Leaf 25-03-2012 [ Reply ]

1. Go to Dashboard > Layout, click Edit on LinkWithin
2. Insert the line below after :
linkwithin_text_only=1;
米歇尔 24-03-2012 [ Reply ]

是的，米歇尔已经log in 但都没看到，不见了：（

那个Related Post ，米歇尔不想有图片，只想显示文字，不懂怎么弄走图表：（
米歇尔 22-03-2012 [ Reply ]

是不见了那支笔，用途是修改文章的
- Mister Leaf 24-03-2012 [ Reply ]
  
  我们必须 login 了 blogspot 才能看到那支笔。你试试 login，然后再看回自己的部落格。
米歇尔 20-03-2012 [ Reply ]

Mister Leaf
为什么米歇尔明明在布局-博客帖子-修改-配置博客帖子里已经在显示”快速修改”打钩，但还是不能够显示的？
- Mister Leaf 21-03-2012 [ Reply ]
  
  不能够显示什么? Linkwithin 的 Related Post 吗?
米歇尔 19-03-2012 [ Reply ]

Mister Leaf,米歇尔可以不要图案的吗？
- Mister Leaf 21-03-2012 [ Reply ]
  
  1. Go to Dashboard > Layout, click Edit on LinkWithin
  2. Insert the line below after
米歇尔 18-03-2012 [ Reply ]

哈哈！找到了!
米歇尔 15-03-2012 [ Reply ]

米歇尔还想问怎么放每一的博客帖子尾部（您或许对这些文章有兴趣:）好像你的Posts Related to
- Mister Leaf 15-03-2012 [ Reply ]
  
  哦。你可以选择 http://www.linkwithin.com/learn。
  不过要在选择放多少个 stories 时要想清楚，3 个或 4 个，因为过后是不能改了的。
  
  另外，你也可以选择要图画或不要图画。你可以看看例子: http://155cm.blogspot.com/
米歇尔 15-03-2012 [ Reply ]

Mister Leaf
终于可以了！真的谢谢！
- Mister Leaf 15-03-2012 [ Reply ]
  
  不客气。哈哈。
米歇尔 13-03-2012 [ Reply ]

其实我在布局-博客帖子-修改里看到已经在共享按钮打钩，可是不能够显示出来，只好自己放进去一些按钮，但是当按分享时统统只显示一个link而已
- Mister Leaf 14-03-2012 [ Reply ]
  
  Blogspot 的好像不能显示简介内容的哦。我再研究一下。不过，我建议你用 http://sharethis.com/ 试试看。
米歇尔 13-03-2012 [ Reply ]

你好，

我试过了好几次放like 和 share 的 button 但不能够像你的一样有简介内容，我的只是一个link 什么都没有的：（
Jolie 11-12-2011 [ Reply ]

我想请问一下，如何trace谁like了我的文章？
因为只会显示，8 people like this或者，XXX and 7 others people like this.
我要从哪里知道谁like呢？
- Mister Leaf 11-12-2011 [ Reply ]
  
  如果是你 Facebook 的朋友，那么你就能知道是谁。如果非你 Facebook 的朋友，那么你只能知道有多少人 like 你而已。希望能解决你的疑问。
qingteo 10-06-2011 [ Reply ]

我尝试了好多次，但都不成功。
- Mister Leaf 10-06-2011 [ Reply ]
  
  qingteo,
  那你的部落格出现什么? 有没有 error 错误的讯息还是什么呢?
电动葫芦 27-05-2011 [ Reply ]

一直在找这个按钮，总算找到了分享按钮
- Mister Leaf 28-05-2011 [ Reply ]
  
  电动葫芦，希望您可以支持 MisterLeaf.com，我这里有很多关于电脑资讯的文章。谢谢。
Mister Leaf 03-03-2011 [ Reply ]

什么意思是左上角的 Share? 是 Facebook 的 Like Button 吗？
小雪 02-03-2011 [ Reply ]

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

Discover more from MisterLeaf.com

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

Leave a Reply Cancel reply