“在 Facebook 上找到我们”按钮已在网络上变得无处不在。任何商家只需凭借对编程代码的少量了解以及几个免费的在线工具，即可在几分钟内将此按钮（以及许多其他按钮）嵌入网站，从而让消费者能够快速访问该公司的现有社交媒体页面。
以下是安装来自三个社交媒体网站（Facebook、Twitter 和 LinkedIn）按钮的快速简便步骤。
“在 Facebook 上找到我们”
Coolbadge.org 上提供 Facebook 徽章的示例。
Facebook 用户有两种选项：链接到个人主页或公司页面。
对于个人主页按钮，Facebook 提供了多种按钮选项，即其所谓的“徽章”，但并没有大量可供选择的自定义徽章库。而且，大多数这些徽章选项都包含一些 Facebook 个人资料信息，这可能不符合商家在线商店的风格。希望采用更不显眼方式的商家可以从 Coolbadge.org 和 Justin Parks.com 等几个徽章制作网站中自由选择众多免费选项。在本例中，我们将使用 Coolbadge.org 丰富的免费徽章库和代码。只需按照以下步骤操作即可创建个人主页按钮：
- 浏览 Coolbadge.org 上的徽章选择。
- 点击所需的徽章（在本例中，我们将选择“在 Facebook 上找到我们”徽章）。
Coolbadge.org 上的“在 Facebook 上找到我们”徽章。
- 将出现一个新页面，要求输入 Facebook 个人资料 ID。
将出现一个新页面，要求输入 Facebook 个人资料 ID。
只需点击 Facebook 页面上的“Profile”（个人资料）按钮，即可轻松获取个人资料 ID。
显示您 Facebook 地址的 URL 以一系列 10 到 12 位数字结尾。
将这些数字复制并粘贴到 Coolbadge.org 中标记为“Profile ID”（个人资料 ID）的字段中，然后点击该字段的刷新按钮（而不是浏览器刷新按钮）。
将个人资料代码数字复制并粘贴到 Coolbadge.org 中标记为“Profile ID”（个人资料 ID）的字段中。
- 此“在 Facebook 上找到我们”按钮的 HTML 代码现在已被高亮显示。点击“Select Code”（选择代码）按钮。您现在可以将此代码粘贴到您的网站源代码、博客中，甚至粘贴到您的电子邮件签名中，通过此“在 Facebook 上找到我们”按钮引导用户访问您的 Facebook 页面。完成后的按钮代码可能如下所示（本例是“Follow Us On Facebook”（关注我们在 Facebook 上）按钮的代码；其中“9”的序列将是出现 Facebook 个人资料 ID 的位置）：
<a id="icnlnk" href='http://facebook.com/profile.php?id=99999999'></a> <script type="text/javascript">var icnid="158";//101201</script> <div id='fbb'><a href='http://coolbadge.org'>twitter badges</a><a href="http://coolbadge.org">facebook badge</a></div><script src="http://coolbadge.org/c/"></script>
对于公司页面徽章，商家可以选择 Facebook 内部提供的选项。请遵循以下步骤：
- 登录您的公司 Facebook 页面。
- 在 Facebook 页面底部，你会找到“Badges”链接，点击它。
- 只需选择并自定义一个 Page Badge，然后将提供的 Facebook 代码复制到你的网站源代码中。
“在 Twitter 上关注我们”
Twitter 免费提供一系列按钮及其使用代码。可用的按钮数量有限，但设计简洁美观。商家也可以使用来自 Coolbadge.org 等来源的免费时尚按钮库，那里有多种 Twitter 按钮选项，但在本例中我们将使用 Twitter 自带的按钮。请按照以下步骤添加“Follow Us On Twitter”按钮：
- 登录你的 Twitter 账户。
- 在右侧列的底部，你会找到一个“Resources”按钮。点击它；或直接访问 Twitter 页面，将以下 URL 复制并粘贴到浏览器中：http://twitter.com/about/resources.
Twitter 资源页面。
- 你会在左上角列看到“Follow buttons”选项。点击它；或直接访问 Twitter 页面，将以下 URL 复制并粘贴到浏览器中：http://twitter.com/about/resources/buttons.
- 首先加载的“follow buttons”页面包含显示为“Follow Me On Twitter”的按钮。要使用“Follow Us”按钮，只需点击该页面第一列按钮底部的“Follow us on Twitter”链接即可。
为 Twitter 用户提供的“在 Twitter 上关注我们”按钮示例。
- 只需点击最适合你网站的按钮，就会弹出一个窗口，其中包含该按钮的 HTML 代码。代码看起来可能像这样（此示例是石墨色“Follow Us On Twitter”按钮的代码；你的 Twitter 账户名称将出现在“samplename1”文本所在的位置）：
<a href="http://www.twitter.com/samplename1"><img src="http://twitter-badges.s3.amazonaws.com/follow_us-c.png" alt="Follow samplename111 on Twitter"/> </a>
“在 LinkedIn 上查看我的个人资料”
LinkedIn 提供多种尺寸的按钮，并提供这些按钮的代码。同样，商家可以使用来自 Coolbadge.org 等来源的免费风格化按钮库，但在本例中我们将使用 LinkedIn 自带的按钮。以下是操作步骤：
- 登录你的 LinkedIn 个人主页。
- 在你的个人资料页右上角，你会找到一个“Promote your Profile”链接。点击它；或直接访问该页面，将以下 URL 复制并粘贴到浏览器中：http://www.linkedin.com/profile?promoteProfile.
为 LinkedIn 用户提供的“在 LinkedIn 上查看我的个人资料”按钮示例。
- 通过点击所选按钮右侧的代码字段，选择最适合您网站的按钮。HTML 代码将自动高亮显示。将此代码直接复制并粘贴到您的网站源代码中。代码外观大致如下（此示例代码适用于尺寸为 160×33 的大号“在 LinkedIn 上查看我的个人资料”按钮；代码中的“user-name”文本将被您的 LinkedIn 用户名所替换）。
<a href="http://www.linkedin.com/pub/user-name/28/11a/2" > <img src="http://www.linkedin.com/img/webpromo/btn_viewmy_160x33.png" width="160" height="33" border="0" alt="View User Name’s profile on LinkedIn"> </a>