如何在我的html中添加关注facebook按钮

时间:2014-03-03 18:22:12

标签: html facebook facebook-like

我不是铁杆开发者,所以请放轻松我:)

我正在为自己建立一个新网站(我是一名设计师),我尝试在我的HTML中添加facebook“关注”和“赞”按钮(我使用遵循此处的说明:https://developers.facebook.com/docs/plugins/follow-button

我已经创建了一个应用ID。

我生成代码(使用我自己的配置文件URL),我在开始<body>标记之后立即放置生成代码的顶部块,然后在页面上的某处生成代码的底部代码块。我甚至把“测试文本放在这里”。

当我保存并刷新我的网页时,它所做的就是在这里添加“测试文本”,但看不到任何关注或类似的按钮!

我甚至尝试过此页面中的代码略有不同,并在相关位置添加了我自己的应用ID:https://developers.facebook.com/docs/javascript/quickstart

有谁知道我做错了什么?我在这里看到一个类似的问题,因为它显然不是一个真正的问题而被关闭了! https://stackoverflow.com/questions/15261443/facebook-follow-button-html5-dreamweaver

2 个答案:

答案 0 :(得分:0)

http://www.practicalecommerce.com/articles/3214-Add-the-Twitter-Tweet-and-Follow-Buttons-without-Hiring-a-Developer

试试这对你有帮助。我不知道你的代码是什么样的,但是这应该对你有所帮助。

答案 1 :(得分:0)

尝试将此代码添加到您的网页,并确保直接将正确的网址添加到您的网页:

<a href="http://www.facebook.com" >
<img src="_images/footer_buttons/facebook.png" />

尝试下载一个小的Facebook按钮图像,并为该按钮添加一些CSS,以便按照您想要的方式定位和调整大小。

CSS示例:

#bottom_icons img{

border: 1px solid rgb(128, 128, 128);
border-radius: 3px;
float:right;
margin-right:5px;
margin-left:2px;
margin-top:5px;

}