How can I add a facebook "like" button to my website?

I just got the like botton code from facebook developer, but don't know where to drop it in iWeb. I would like the like button to appear in the contact page of my website: gingerbirdstore.com
Please help to get this working.
Thank you

add the following into html snippet and click apply button:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://www.facebook.com/gingerbirstore" data-send="true" data-width="450" data-show-faces="true"></div>

Similar Messages

How do you add a Facebook like button to an iBooks Author page?

How can I add a Facebook Like Button to an iBooks Author page?
I've got my book ready to go.
I've got a facebook account to promote it.
I just want to add a "Like" button on the iBooks page.
regards
iRevDr Bill Wall

Hi KT,
That was helpful, but I'm still having problems.
I've plonked a Facebook logo on the page.
BUT I can't seem to give it a hyperlink to my Facebook page.
When I select the logo and then use the tool bars or the box thingy. It won't allow me to paste in the URL.
It looks a bit ugly having a Facebook logo and the text of the URL beside it.
Is there a way of making the Facebook logo have a hyperlink to its URL so you just click on the logo and it takes you to the facebook page.
regards
iRevDr

How do you add a Facebook "like" button to a Fluid Grid layout?

There are two snippets of javascript from Facebook you're supposed to paste into two different places. Something about the Dreamweaver fluid grid makes it work differently, though, and I can't figure out what it is. I can't figure out what to do with the snippets of code to make the Facebook box/button show up in the browser window.

Here's what the FB page says to paste just after the body tag:
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '196637453839945',
xfbml : true,
version : 'v2.1'
(function(d, s, id){
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
Here's what it says to paste into the spot where you want it to appear:
<div
class="fb-like"
data-share="true"
data-width="450"
data-show-faces="true">
</div>
Seems simple enough, but it hasn't appeared on the page in a browser.

How do i add a facebook share button to my webpage

how do i add a facebook share button to my webpage

I use a Facebook logo and then encourage people to like the page. But I do have a couple of clients who have asked me to do this.
Here's the link on Facebook's site for share buttons:
https://developers.facebook.com/docs/plugins/share-button/

How can i add a donate now button to my iweb website

how can i add a donate now button to my iweb website

Here's some info about PayPal buttons....
http://www.iwebformusicians.com/Internet-Music-Sell-Distribute/PayPal.html
A "Donate" button is created in the same way as a "Buy" button.

How can I add a Save form button ( not save as ) for a custom fillable form ?

How can I add a Save button ( not save as ) for a custom fillable form ?
idea is ti to have a Save button at the bottom of each page where the person filling
the form clicks the save button on each page.( it is a 12 page fillable form )
The only thing I was able to do was add a button that opens a Save As
dialog box only.
My experience lever is - end user-intermediate.
Thnaks.

Thanks for the response.
I wonder why it wont allow.
If I can save ( as opposed to save as) this form by clicking the save icon on the menu bar, I am not sure why it is no possible to do so on page level!
Custom script option is not even remotely possible!

Can't Get the Facebook Like Button To Work

So I've put a like button on my website, and I can't seem to get it to work. I put my company's facebook URL as the target URL. Then I publish, click "like", and nothing happens. Will they not work while it's being hosted on BC? Do I have to upload to an FTP host before the widget will function properly?

Hello,
In the widgets Option you have inserted page URL as "http://https/www.facebook.com/pages/Mother-Ducts-Environmental-LLC/239947229505852?ref=br_ tf"
Please enter only "www.facebook.com/pages/Mother-Ducts-Environmental-LLC/239947229505852?ref=br_tf" (Without HTTP)
Reupload the site and then try.
Regards
Vivek

How can the Add This Facebook window issue be fixed?

The problem I run into is when clicking on the "Share Link" Facebook button under the Add This menu. After clicking on it, it will grey out for a little, but then the window never disappears and eventually the "Share Link" button goes back to the normal blue color. I do not have this issue on my Chrome or Opera browsers. I already spoke to Add This support and they said no issues on their end and it's a bug with Firefox. What is the problem and how can it be resolved?

A quick guess or two, since you haven't really explained the symptoms.
Are your Flow and Density sliders set to something reasonable?
Try hitting the H (for hide) key.
Is the Size slider set to something large enough?
I'll only charge you $25.
Hal

How can I delete the facebook "like" code?

I need help deleting the facebook "Like" widget that I installed in my website. The button does not appear, all I get is a large retangular space at the point where I inserted the button. The code view gives me a message that says the "Like" code cannot be changed, and I don't know how to delete it. I am not very knowledgable in HTML, but I can find my way around inside the code (a little).
Thanks,
Skip Holbert

The easiest way to delete any code is to work in Split screen and then to click on the facebook icon in the design view window ONCE and this will highlight the related code in the code view which can now be deleted. As you can find your way in the HTML code this is the best way I can think of.
Hope this gives you the idea.

How can i add a header like this?

I am using the XMLFilter class to create an XML document using SAX as shown here:
http://www.cafeconleche.org/books/xmljava/chapters/ch08s05.html
However i want to add a header like this to my xml document:
<?xml version="1.0" encoding="ISO-8859-1" standalone="yes" ?>
How can i do this? I cant use startElement() etc. since they create a standard tag. Apart from manually appending it to the

Show us the part of your code that actually does the output. If it's a Transformer, you'll need to put in the code that I posted in this forum twice just last week. If it's something else, then, I don't know, you'll need to do something else. But I don't see anything in that link that actually outputs XML.

How can I add new artwork like backgrounds & graphics, to the content list??

I would like to add some of the images that i have created to the list of backgrounds, graphics etc under the Content-> Artwork lists.
How can i do this?

The effects tab contains special filters and smart objects, so you can’t simply add a jpeg. You need an image, an XML file and a thumbnail. It’s probably easier to keep your artwork in a separate folder and then when you want to add a background to an open image click File à Place
Then navigate to your background and click Place. That will automatically open as a smart object on a separate layer and you can easily scale it to size or use blend modes/opacity, without loss of quality.

How can I add a normal-sized button to my frame???

hi,
my GUI has two JScrollPane-s together in a JSplitPane and below I'd like to add a single small button.
I put this button into a new JPanel, but it is displayed veeery BIG !
I tried to use .setPreferredSize(new Dimension(int, int)), but it didn't help a lot.
this is a piece of my code:
public class MyTree extends JPanel implements TreeSelectionListener, ActionListener {
          this.setLayout(new GridLayout(2,0));
         buttonUpdateM_File = new JButton("Update the .m file");
         buttonUpdateM_File.addActionListener(this);
         JPanel actionPane = new JPanel(new GridLayout(0,1));
         actionPane.setMaximumSize(new Dimension(1,2));
         actionPane.setPreferredSize(new Dimension(5,10));
         actionPane.add(buttonUpdateM_File);
          //create the scroll pane and put the tree into it
          JScrollPane treeView = new JScrollPane(tree);
          //create the viewing scroll pane
          JScrollPane maskViewPane = new JScrollPane();
          //add the two scroll panes to a split pane
          JSplitPane splitPane = new JSplitPane(JSplitPane.HORIZONTAL_SPLIT);
          splitPane.setLeftComponent(treeView);
          splitPane.setRightComponent(maskViewPane);
          Dimension minimumSize = new Dimension(420, 360);
          treeView.setMinimumSize(minimumSize);
          maskViewPane.setMinimumSize(minimumSize);
          splitPane.setDividerLocation(210);
        splitPane.setPreferredSize(new Dimension(600, 510));
        //Add the split pane to this panel
        add(splitPane);
        add(actionPane);
     }Thank you!

thanks,
as far as I understood there is no way to shrink the
new JPanel with this GridLayout.Yes, Grid just makes a set of fixed sized boxes. If you want the JPanel to be the same size as the JButton, what do you want the panel for?

How can i add a buy now button using any pmt. gateway provider. I cannot use Paypal. I will lose too much business. Old dogs don't like new tricks.......

i am creating a site for a carnival. I need people of wealth to buy tickets to the event. they don't even know what paypal is and will not go through the trouble of setting up an account. I just want to be able to uses an outside payment gateway. I am so new to site building please speak is simple terms. I'man old dog trying to learn a new trick...Any help would be almost worshiped at this point...LOL

Provide the name of the program you are using so a Moderator may move this message to the correct program forum
This Cloud forum is not about help with program problems... a program would be Photoshop or Lighroom or Muse or ???

How do I add a "mySpace" like button?

I just saw Sicko, and there is computerese language on their website that you can cut and paste into a MySpace page to make a button appear.
How do we do that with an iWeb page?

How to add PayPal Donate buttons and other HTML items...
http://www.rowan-cottage.co.uk/Site/PayPal_Buttons.html

How can I add a facebook wall snippet to my Iweb site?

Hi,
I am working on a new website and have added a snippet of my tweets to the website and would like to do the same for my facebook wall. I can't seem to find how this works (other than using an Iframe - which I can't get working...) Does anyone have suggestions?
thanks!

What a little research can do.
Here are results you want to study regarding the Facebook wall :
http://www.google.com/search?q=display+facebook+wall+on+website

How can I add a facebook "like" button to my website?

Similar Messages

Maybe you are looking for