Add Facebook Like Button in Blogspot (Each Post)

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

感谢小雪网友那天的提醒。之前,那一篇 Add Facebook Like Button in Blogspot (总人数) 其实是整个部落格的 Like Button,因此那个 Like Button 所显示的人数是“总人数”。

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

Facebook Like Button In Blogspot

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 Like button Start –>
<div style=’padding:5px 5px 5px 0;’>
<iframe allowTransparency=’true’ expr:src=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=35&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:440px; height:25px;’/>
</div>
<!– Facebook Like button End –>
[/sourcecode]

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


Discover more from MisterLeaf.com

Subscribe to get the latest posts to your email.

20 comments on “Add Facebook Like Button in Blogspot (Each Post)

  1. xueen 20-12-2013 [ Reply ]

    请问你是做IT或Programming 的吗?

    • MisterLeaf 20-12-2013 [ Reply ]

      xueen,我是读电脑的。如果你有什么问题,我尽量回答你。

      • xueen 21-12-2013 [ Reply ]

        MisterLeaf, 谢谢你,因为我看你懂得蛮多的。
        我想请问,如果我使用blogger.com,该如何将广告放置于文章之中,好像你这样呢?

  2. Emily Tang 07-03-2013 [ Reply ]

    获益良多,我一直尝试,找别人的blogpost,与你的有出入,都失败,最后参考你的方法才成功。。哈哈哈

    • Mister Leaf 07-03-2013 [ Reply ]

      哦。哈哈。我的部落格有很多好料的。欢迎多来坐坐。

  3. Ĵɛииʏ Ғσиɢ 07-04-2012 [ Reply ]

    多亏Misterleaf哥哥我才完成了自己的心愿>.<
    谢谢哦:)

    • Mister Leaf 07-04-2012 [ Reply ]

      Jenny Fong,不客气。欢迎你来到 MisterLeaf.com。如果有什么问题,还是可以问 MisterLeaf 哥哥的啦。

  4. JL 05-09-2011 [ Reply ]

    已经找到了谢谢你的提示~
    还想请问你知道要怎样放可以显示看到本身的Facebook户口那个要怎样弄吗?

  5. JL 03-09-2011 [ Reply ]

    请问要怎样找到这个CODE呢?我找了很久都找不到

    • Mister Leaf 03-09-2011 [ Reply ]

      JL, 首先在“Expand Widget Templates box” 打勾。

      或许你可以试试在 keyboard 按 ctrl+f, 然后在右上角输入data:post.body/。

  6. lanyu 18-06-2011 [ Reply ]

    我不明白

    • Mister Leaf 21-06-2011 [ Reply ]

      lanyu, 你不明白什么地方? Add Facebook Like Button?

  7. xiaoxue 19-05-2011 [ Reply ]

    谢谢你!!

    • Mister Leaf 20-05-2011 [ Reply ]

      xiao xue,

      不客气。希望有关的文章能够帮助到您。

  8. xiiaob 13-04-2011 [ Reply ]

    你好 , 我想请问下 , 我已经放好了这个facebook like buttton在我的blog了 , 然后我只可以看到多少人来like我的文章罢了~有没有什么方法可以知道有谁来like我的文章呢 ?? 我不要只知道人数 ><

    • Mister Leaf 13-04-2011 [ Reply ]

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

  9. Mister Leaf 17-02-2011 [ Reply ]

    johanna:“can i hav the like button not below the post title but above?”

    当然可以。找这个code。

    b:if cond=’data:post.title’

    然后,把第4个步骤的 code 放在上面。

  10. Mister Leaf 16-02-2011 [ Reply ]

    不客气。加油。

  11. 小雪 16-02-2011 [ Reply ]

    谢谢你的分享 共勉之

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.