# Adding Facebook "Like" to website

**URL:** https://discourse.softpress.com/t/adding-facebook-like-to-website/8640
**Category:** Freeway
**Created:** [August 26, 2010, 2:05am UTC](https://discourse.softpress.com/t/adding-facebook-like-to-website/8640 "2010-08-26T02:05:19Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![SkipII](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/s/e5b9ba/32.png) [@SkipII](https://discourse.softpress.com/u/SkipII)
#### Post date: [August 26, 2010, 2:05am UTC](https://discourse.softpress.com/t/adding-facebook-like-to-website/8640/1 "2010-08-26T02:05:19Z")

</div>

Is there a way to add the Facebook “Like” button to a website if you don’t know HTML? Or is there a fairly easy way to explain how to put the code into the site’s HTML?

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

### Author: ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)
#### Post date: [August 26, 2010, 2:34am UTC](https://discourse.softpress.com/t/adding-facebook-like-to-website/8640/2 "2010-08-26T02:34:37Z")

</div>

The Share button is as easy as this (paste this into a Markup Item and  
drag it to wherever you want to on your page)

```auto
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"  
type="text/javascript"></script>

```

The Like button is a the same, only it creates an iframe to do its  
thing. Paste this into a different Markup Item, make sure that you  
make it larger than its contents (larger than 450 x 80 px) and place  
it wherever:

```auto
<iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com 
"
         scrolling="no" frameborder="0"
         style="border:none; width:450px; height:80px"></iframe>

```

Walter

On Aug 25, 2010, at 10:05 PM, SkipII wrote:

> Is there a way to add the Facebook “Like” button to a website if you  
> don’t know HTML? Or is there a fairly easy way to explain how to put  
> the code into the site’s HTML?
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

### Author: ![SkipII](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/s/e5b9ba/32.png) [@SkipII](https://discourse.softpress.com/u/SkipII)
#### Post date: [August 26, 2010, 2:41am UTC](https://discourse.softpress.com/t/adding-facebook-like-to-website/8640/3 "2010-08-26T02:41:16Z")

</div>

Thanks. I have to do some homework on what a mark-up item is.

If I do your “share” button, what happens when someone clicks on it. Does it launch their mail client?

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

### Author: ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)
#### Post date: [August 26, 2010, 2:50am UTC](https://discourse.softpress.com/t/adding-facebook-like-to-website/8640/4 "2010-08-26T02:50:13Z")

</div>

No, if they click on it, they post a link to your page on their  
Facebook page. And I left out a line. Put this in before the \<script  
tag:

```auto
<a name="fb_share" type="icon_link" share_url="www.example.org"></a>

```

There are lots of different values you can enter in the type  
attribute, they give you larger or different icons. More info at [http://developer.facebook.com](http://developer.facebook.com)

Walter

On Aug 25, 2010, at 10:41 PM, SkipII wrote:

> Thanks. I have to do some homework on what a mark-up item is.
> 
> If I do your “share” button, what happens when someone clicks on it.  
> Does it launch their mail client?
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

### Author: ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)
#### Post date: [August 26, 2010, 2:52am UTC](https://discourse.softpress.com/t/adding-facebook-like-to-website/8640/5 "2010-08-26T02:52:59Z")

</div>

Sorry, that got eaten by the formatter.

> <https://gist.github.com/walterdavis/550698>

Walter

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

### Author: ![SkipII](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/s/e5b9ba/32.png) [@SkipII](https://discourse.softpress.com/u/SkipII)
#### Post date: [August 26, 2010, 4:27am UTC](https://discourse.softpress.com/t/adding-facebook-like-to-website/8640/6 "2010-08-26T04:27:20Z")

</div>

I don’t know anything about editing HTML. Where does this line of code go?

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

### Author: ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)
#### Post date: [August 26, 2010, 6:47am UTC](https://discourse.softpress.com/t/adding-facebook-like-to-website/8640/7 "2010-08-26T06:47:45Z")

</div>

Draw a Markup Item where you want the Share button to go. You will see  
a dialog in the center of your screen. Paste the following text into  
it, and be sure to change [example.org](http://example.org) to your own URL!

```auto
<a name="fb_share" type="icon_link" share_url="www.example.org"></a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"  
type="text/javascript"></script>

```

Walter

On Aug 26, 2010, at 12:27 AM, SkipII wrote:

> I don’t know anything about editing HTML. Where does this line of  
> code go?
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

### Author: ![SkipII](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/s/e5b9ba/32.png) [@SkipII](https://discourse.softpress.com/u/SkipII)
#### Post date: [August 26, 2010, 11:23am UTC](https://discourse.softpress.com/t/adding-facebook-like-to-website/8640/8 "2010-08-26T11:23:05Z")

</div>

I am unclear on how to draw a Markup item. I see “Mark-up item”) under the Insert menu, but it brings up the dialog box right away. Is there a step ahead of that to place the item in the right spot on the page?

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

### Author: ![Paul\_Bradforth](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/p/ee59a6/32.png) [@Paul\_Bradforth](https://discourse.softpress.com/u/Paul_Bradforth)
#### Post date: [August 26, 2010, 12:47pm UTC](https://discourse.softpress.com/t/adding-facebook-like-to-website/8640/9 "2010-08-26T12:47:57Z")

</div>

On 26 Aug 2010, at 12:23, SkipII wrote:

> I am unclear on how to draw a Markup item. I see “Mark-up item”) under the Insert menu, but it brings up the dialog box right away. Is there a step ahead of that to place the item in the right spot on the page?

The way it seems to work is that you enter the contents first, then when you hit OK on that, the item is created on the page; you can then drag it around and resize it.

best wishes,

Paul Bradforth

Buy my eBooks at:  
[http://www.paulbradforth.com/books/](http://www.paulbradforth.com/books/)

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)