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

Similar Messages

  • 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 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>

  • How can you add a hyperlink to a picture on iBooks Author?

    I want to link social media icons to the websites from my iBook that i am making in iBooks AUthor but I can't do it. I can add a hyperlink to text only.Does anyone know how to do this?

    See the iBA User Tip: iBA Tips and Tricks 01

  • 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 do you add a Facebook, Twitter and Yelp links?

    How do you add links for Facebook, Twitter and Yelp onto a website created by using iWeb? I'm using a hosting service to get my site on the web.

    Hi 80smetalhead. My first help post, so hope it helps.
    First off choose wether you are using a icon or text.
    For a few free Facebook/twitter/in icons try: http://www.jordankennedy.com/jk/Free_Stuff.html
    Ether way the process is the same. Select the Text/iCon. Then go to "Inspector" in the bottom right hand. (Blue circle with a "i" in it)
    Then select the sixth iCon across. (blue circle with arrow)
    Click "Enable as Hyperlink"
    Then under that Link to: External Page <--this should be selected.. If not select it.
    Under that will be a box with a link already in there. usually a apple link. change that to your Facebook/Twitter address.
    And that hopefully should do the trick

  • How do you add multiple facebook accounts to iPhoto

    I'm trying to add more then one account and I don't see how you can.

    Is this to iPhoto on your Mac?  If so maybe this topic will help :how do you sync more than one facebook account to iphoto?, how do you sync more than one facebook account to iphoto?
    OT

  • How can you "Add document" in shared documents without allowing editing the page ie Contribute?

    Hello Community
        Using SharePoint 2010 Server and the UI, when you click "Site
    Actions" - "New Site" and you create Team Site that that is a
    Sub-site. 
        When you create the Visitor, Members and Owners groups
    how can you allow the user to add a document while at the same
    time not allow them to edit the page when adding the document
    as the only permissions are Full Control, Contribute and Read?
        Thank you
        Shabeaut

    Hi Shabeaut,
    To create a new permission level, you should manage the Parent (site collection).
    Your current location is subsite, and it looks like it has unique permission(broke inheritance) that is the reason you are not able to see the create permission level. and another reason for seeing Inherit Permissions along with other menus in the ribbon.
    You should also see Manage Parent along with the menus you see when your site inherits permission from parent.
    So, go to your site collection and create a new permission level and assign users to it.
    And to assign permission level to your new groups, you will be able assign permission when you create a new group, along with the name, all permissions would be listed in the same page(_layouts/newgrp.aspx).
    see the below screenshot for more info -
    ->Site Actions menu-> Site Settings->Users and Permissions->Site ->Permission Levels.
    Hope this helps!
    MCITP: SharePoint 2010 Administrator
    MCTS - MOSS 2007 Configuring, .NET 2.0
    | SharePoint Architect | Evangelist |
    http://www.sharepointdeveloper.in/
    http://ramakrishnaraja.blogspot.com/

  • How do you add an image in the text area of a page/section?

    This has been driving me nuts!
    When I try to add an image to a page, it will ONLY go into the header.  If I try to drag the image onto the page where the text is, it gets hidden behind a layer.
    I've looked at the menu choices and I don't seem to be allowed to bring the image to the front.  Nor does clicking in the text area and then trying to paste or insert the image - it still goes up in the header.
    What is the secret to placing images along with your text on a page in the iBooks Author program?
    Thanks!

    Wow, Apple has really constrained the "box" that we have to fit our books into!
    I was hoping to take some iPad screenshots and put them inline with the text.  Since they are portrait iPad screenshots, the book that I'd like to create looks much better (and makes more sense) in portrait mode.
    Apple has released this awesome tool, yet they seem to have restricted the author from using any creativity at all.

  • How do I add paragraph indentation to a style in iBooks Author?

    I have a book with a lot of quoted verse in it, which needs to be indented.  In order to make the verse distinctive to the eye, it's both slightly tighter set than the rest of the text, and left-indented.
    I can set up the tighter settings and save them as a style, but there seems to be no way to indicate indentation in iBooks Author.
    Currently I go in and use list indentation in each instance of the verse, which isn't the right way to go.
    What am I missing?
    Thanks!

    Try using the Inspector/Text/Tabs...see if it supplies the control you need.

  • 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 do you add a device to sync with my iBooks?

    I have an iPad and iMac synced with each other for my iBooks.  I can't get the same books on my MacBook Air.  The settings of all are set to sync.

    You don't need to add a device just connect your camera and it will find it, if the camera is comparable. 

  • Trying to add Facebook like button to site

    Hi
    I'm having a bit of a nightmare
    I'm trying to add a Facebook like button with a direct link to like my facebook page
    I have read several posts on here regarding this saying how easy it is just copy & paste the code onto a html widget in iWeb
    Nothing I try seems to work
    I'm copying or have copied all the code into the html snippet but no matter what i try i cannot get it to work
    I noticed that most of the posts on this are a bit old 2010 ETC
    Has there been a change since these posts & has anyone managed to do it recently
    Any help here wold be great
    Thank you

    Hi Roddy
    It all of a sudden started working
    only thing now is its showing the photo's of the people who have liked so far I de selected that option all i want is just the like button
    also for some reason the hight is 10035px high i can resize theres nothing in the code that sets the hight
    Heres the code i'm using
    <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_GB/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-like" data-href="http://www.facebook.com/pages/InTheBox-Training/140193679461558?ref=hl" data-send="false" data-width="450" data-show-faces="false"></div>
    Web URL
    http://www.intheboxtraining.com
    Thanks

  • Facebook Like Button for Individual Products

    I like the great method that Kiyuco adapted to use the 'AddThis' to do this, however, in some instances, for example, if you have grouped products, switching between products results on making the Like Button disappear.
    I am sure that this happens due to the JS Hack implemented within it.
    I know how to do this using PHP, however, we know the story about PHP and BC.
    I just want to know if someone came across a solution to get this done using the BC Facebook Like Module to target individual Products.
    Thanks.

    Allowing the visitor to ‘Like’ the current page is as simple as adding BC’s facebooklike module to the Large Individual Product layout (or anywhere else):
    {module_facebooklike, moduleTemplateGroup="", language="en_US", url="", layout="", showFaces="true", width="450", verb="like", font="", colorScheme=""}
    http://kb.worldsecuresystems.com/134/bc_1345.html#main_Social_Media_Modules
    To add the Facebook Like button to the Small Individual Product layout you’ll need to make a simple change. Go to ModuleTemplates > SocialMedia > FacebookLike > Default > container.html
    Copy the code in the container.html. It will look like this:
    <script src="http://connect.facebook.net/{tag_language}/all.js#xfbml=1"></script><fb:like href="{tag_url}" layout="{tag_layout}" show_faces="{tag_showfaces}" width="{tag_width}" action="{tag_verb}" font="{tag_font}" colorscheme="{tag_colorscheme}" send="{tag_sendbutton}"></fb:like>
    Paste it to the Small Individual Product layout. Change the tag_url to tag_itemurl_withhost. It will look like this:
    <script src="http://connect.facebook.net/{tag_language}/all.js#xfbml=1"></script><fb:like href="{tag_itemurl_withhost}" layout="{tag_layout}" show_faces="{tag_showfaces}" width="{tag_width}" action="{tag_verb}" font="{tag_font}" colorscheme="{tag_colorscheme}" send="{tag_sendbutton}"></fb:like>
    Changing the tags will allow people to like the individual product page without even going into it.

  • Trying to customize a facebook like button

    I am trying to add a facebook like button to my website. I have gone through the facebook add like button and gotten the coding. The problem is that it displays the logo and name of business, I don't want that displayed. Can someone help with what I need to do to the coding to prevent that from showing?
    I have tried other forums and google, but nothing seems to answer this particular question.
    THANK YOU!

    You can get all the nessary codes you need from this link:
    <http://twitterbuttons.sociableblog.com/facebook-badges.html>
    When you use these codes, you get the appropriate logos associated with the code as shown on top of the codes.  Please try them on your test page before rolling out on production.
    hth

Maybe you are looking for