# Link my facebook page

**URL:** <https://forum.freecodecamp.org/t/link-my-facebook-page/148484>\
**Category:** General\
**Created:** [September 17, 2017, 10:35pm UTC](https://forum.freecodecamp.org/t/link-my-facebook-page/148484 "2017-09-17T22:35:51Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![sangeeta](https://avatars.discourse-cdn.com/v4/letter/s/7ba0ec/32.png) [@sangeeta](https://forum.freecodecamp.org/u/sangeeta)\
**Post date:** [September 17, 2017, 10:35pm UTC](https://forum.freecodecamp.org/t/link-my-facebook-page/148484/1 "2017-09-17T22:35:51Z")

</div>

Hey,  
Can anybody here tell me why my link to facebook account is not working ?  
…  
\<button style="background-color:#3C599F;"class=“btn icon” \>

---

<div class="post-metadata">

**Author:** ![Nicknyr](https://avatars.discourse-cdn.com/v4/letter/n/c5a1d2/32.png) [@Nicknyr](https://forum.freecodecamp.org/u/Nicknyr)\
**Post date:** [September 17, 2017, 10:42pm UTC](https://forum.freecodecamp.org/t/link-my-facebook-page/148484/2 "2017-09-17T22:42:26Z")

</div>

Did you put an anchor tag that linked to your profile?

---

<div class="post-metadata">

**Author:** ![Nicknyr](https://avatars.discourse-cdn.com/v4/letter/n/c5a1d2/32.png) [@Nicknyr](https://forum.freecodecamp.org/u/Nicknyr)\
**Post date:** [September 17, 2017, 10:44pm UTC](https://forum.freecodecamp.org/t/link-my-facebook-page/148484/4 "2017-09-17T22:44:01Z")

</div>

`<a href="https://putyourfacebookurlhere"></a>`

---

<div class="post-metadata">

**Author:** ![sangeeta](https://avatars.discourse-cdn.com/v4/letter/s/7ba0ec/32.png) [@sangeeta](https://forum.freecodecamp.org/u/sangeeta)\
**Post date:** [September 17, 2017, 10:45pm UTC](https://forum.freecodecamp.org/t/link-my-facebook-page/148484/5 "2017-09-17T22:45:37Z")

</div>

yes I have used it. Its not working.

```auto
<button style="background-color:#3C599F;"class="btn icon" ><a href="https://www.facebook.com/Ssangeetaa" target="_blank"></a><i class="fa fa-facebook"></i></button>

```

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [September 17, 2017, 11:23pm UTC](https://forum.freecodecamp.org/t/link-my-facebook-page/148484/6 "2017-09-17T23:23:23Z")

</div>

If you nest an `<a>` tag inside a `<button>`, chances are it won’t work as you’d expect.

However it’s easy to make `<a>`s look like `<button>`s. You might do with something like this

```auto
<a class="btn icon" href="https://..." target="_blank"><i class="fa fa-facebook"></i></a>

```

---

<div class="post-metadata">

**Author:** ![owel](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/owel/32/48425_2.png) [@owel](https://forum.freecodecamp.org/u/owel)\
**Post date:** [September 17, 2017, 11:25pm UTC](https://forum.freecodecamp.org/t/link-my-facebook-page/148484/7 "2017-09-17T23:25:51Z")

</div>

don’t forget to include the font-awesome css… otherwise, you’d have nothing inside your button.

```auto
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<a href="https://www.facebook.com/Ssangeetaa" target="_blank" class="btn btn-primary"><span class="fa fa-facebook"></span></a>

```

Output:  
 ![](https://global.discourse-cdn.com/freecodecamp/original/3X/6/2/623f76b4100b59f5cc703a7eba8e01e4b4fc5212.png)

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 16, 2021, 5:55pm UTC](https://forum.freecodecamp.org/t/link-my-facebook-page/148484/8 "2021-01-16T17:55:35Z")

</div>