Popular request: How to Share articles via Facebook/twitter/eMail

I wrote a comprehensive post on how to share your article via facebook, twitter or eMail or collect community comments right inside your folio. This is how I established an overlaying layer of comments and discussion in my DONE magazine.
This is a bit complicated, has some problems, but is a popular request and might help you to enable more discussion about your content:
Share Articles via Facebook, twitter or eMail
http://tumblr.com/Z3N6zxDAlQsX
I hope this covers all and is repeatable.
—Johannes

Hi Johannes,
Thanks a lot, it is very helpful!
I actually wouldn't be posting here if I wouldn't have a problem with it though.
The thing is, I can't get it to work!
So to clear things up here is my HTML code I'm trying to get working on an InDesign document (based on your HTML 5 template - Facebook like button code within the "body" tag):
<!DOCTYPE html>
<!--
          HTML5-1file-framework for use in Digital Publishing Suite from Adobe
          v0.2-110224 (Tested with drop9)
          http://digitalpublishing.tumblr.com
-->
<html laneg="en">
<head>
<!-- title not visible in the viewer unless viewed with a browser / popup -->
<title>HTML5 Framework for DPS</title>
          <meta charset="utf-8" />
          <!--
                    meta viewport tag
                    this tag controls the rendering of the html on the devices. it might be handled differntly
                    between iOS/Android, so be carefull. this is a complete example tag. change for your needs or omit completly.
                    -Pagination of HTML stacks: omit completly or do not use user-scalable and target-densitydpi
                    -PinchZoom: use "Scale Content to Fit" in InDesign and use maximum-scale greater than 1.0, do not use user-scalable=no
          -->
          <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi"/>
          <!-- your document css -->
          <style type="text/css">
          /* basic css reset */
          body {
                    margin: 0;
                    padding: 0;
                    /* make WebOverlay transparent in InDesign: "Use Transparent Background" */
                    /* use following line for semi-transparent-background (fourth value is alpha value) */
                    /* background: rgba(50,150,250,0.5); */
          /* your css styles here */
          </style>
</head>
<body>
<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 = "//connect.facebook.net/nl_NL/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.website.com/" data-send="true" data-width="450" data-show-faces="true" data-font="tahoma"></div>
</body>
</html>
What I do:
I create an empty frame in my InDesign document.
In  the overlay creator I tell it to be a Web Content.
I select the HTML file containing above code.
I update the article in the Folio Builder and test it on the iPad.
The result is actually... nothing. The area in which the frame is, displays a small loading wheel and after that it's totally empty.
What am I doing wrong??
Thanks.

Similar Messages

  • Can't share music via Facebook from Sony Music app (or Walkman previously)

    Hi all, I can't seem to share music via Facebook from the Music (or previously Walkman) app with my Xperia Z1 phone (running on updated Androif Lollipop but was a problem before update as well).
    I get the option to share via lots of other apps but Facebook (and the icon for it are missing).
    Any ideas how to solve?

    As far as I know, Facebook app does not allow sharing music till now, that's why there is no Facebook icon is music share.
    A proud Sony User since 2002
    If I was helpful to you, thank me by Kudos

  • How to share songs via bluetooth to other phones

    Hi Folks,
    I want to know how to share songs via bluetooth from my iphone to other phones.
    I am unable to share songs right now. Kindly help.

    You can't, as such has never been supported on any iOS device. Besides, this is considered "stealing".

  • How to get my own facebook/twitter wall status using CS5.5?

    Hi,
    i'm trying to learn how to get my own facebook & twitter wall status into flash so that I can export it out and install it in my iPhone.
    After reading the facebook and twitter API documentation, I'm still very confussed on how to use them.
    I'm very new to this and hope to get a suitable tutorial/sample code for some reference.
    Help is appreciated. Thank you.

    Hi,
    i'm trying to learn how to get my own facebook & twitter wall status into flash so that I can export it out and install it in my iPhone.
    After reading the facebook and twitter API documentation, I'm still very confussed on how to use them.
    I'm very new to this and hope to get a suitable tutorial/sample code for some reference.
    Help is appreciated. Thank you.

  • How to send photo via facebook

    How to send photo via facebook

    Do you have the Facebook app from the App Store installed? You should be able to upload photos taken with your iPhone camera to Facebook using that app.

  • How to share video via Bluetooth from Lumia 800?

    Unable to share videos via bluetooth from Lumia 800.. Plzz Nokia! Hear me!! Solve it as fast as you can! And if anyone can then plz tell me!

    Hi. If your device is running the latest software and you have the Bluetooth Share app, sending/sharing of videos via Bluetooth is still not supported. With the Bluetooth Share app, you can only receive video fies (WMV/MP4).
    If you wish to transfer/share videos to other devices, below are the other methods.
    You can share videos directly from the phone through MMS, email or online sharing services such as Facebook and Skydrive.
    Videos stored in the Camera Roll can be attached to an MMS message. To attach a video to MMS:
    From Start, tap Messaging.
    Tap (+) to create a new message, or tap an existing message thread to open the compose card.
    Tap the attach button. Tap picture or video.
    Choose a video from the albums to select a video.
    Under the inserted video, tap on the type a message text. Enter any annotations desired, or tap attach to add another item.
    Tap-and-hold on any item in the compose card to bring up the option to remove.
    Note: A content delivery over MMS vary depending on the network setup, carriers, mobile data subscription, video transcoding, resolution and length.
    Tip: With the free Play To application for Nokia Lumia phones you can show pictures and videos wirelessly on other DLNA capable devices (TV’s, BlueRay players, Mediaplayer in Windows 7, etc…) connected to their network.

  • 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

  • Aperture how to share photo on Facebook with a watermark on it?

    how can i use an export preset to the photo that i want to share on facebook ?

    how can i use an export preset to the photo that i want to share on facebook ?
    Not directly.
    Export the image to a folder outside Aperture, e.g, your Pictures folder, using the export preset with the watermark.  Then use Facebooks web interface to upload the image file, or import the watermarked image back to Aperture and use Aperture to share the image to Facebook.
    -- Léonie

  • How to upload picture via facebook app but not resize picture

    Hi
    The facebook for blackberry so good, but one problem when upload picture, the picture capture via mobile very small but facebook when upload to resize very very small and quality of picture so very low in facebook site. I hope deverlop team fix size when upload and resize with minimum width=1200 pixel
    Thanks so much

    I agree with the above!
    I just asked for help about that problem on another discussion.
    My Bold 9900 takes GREAT pictures and it's too sad that when they are uploaded to FB they come up so small, which lowers the quality and the feel of the picture you know ^^
    Can't wait to find the solution!
    Best,
    So.

  • Urgent help requested : How to cluster SOAP (via EJB) in WLS 7.0 SP 01?

    Hi all,
    I am able to deploy simple EJBs across clustered WLS instances.
    I am unsuccessful in doing the same for a web service (SOAP) using EJBs. The application
    gets deployed but successive requests do not round robin among available services.
    I think somehow I need to do some cluster tweaks to the receiving WLS servlet
    that peeks into the SOAP message and forwards it to the right service.
    Could someone please help me out?
    I would be most grateful.
    Thanks a lot.
    Guha

              A couple of entries in webservices.xml file and making the proxy from the web server
              reach out to the cluster instead of trying to make the https client do so.
              

  • How to share resume via pages to online job search

    I've been trying to post resume to online job applications.  Not having much success.  New iPad user

    That can be a problem with the ipad, depending on the job site.  Many of them will include a button that opens your file browser where you find and click on the file you want to send.  Can't do that on the ipad since there is no browser.
    Is this the way it works at your job site?

  • How to Share File to specific receiver email address

    I'm develop a windows store app using winRT C++. I can share a file through email but it cannot specific a receiver
    email address. Bellow is a part of my code to sharing a file:-
    DataRequest^ request = e->Request;
    request->Data->Properties->Title = "Testing";
    request->Data->Properties->Description = "Email With Attachment";
    DataRequestDeferral^ deferral = request->GetDeferral();
    create_task(Windows::ApplicationModel::Package::Current->InstalledLocation->GetFileAsync("testing.pdf")).then([this, request, deferral](task<StorageFile^> getFileTask)
    try
    auto pdfFile = getFileTask.get();
    auto storageItems = ref new Platform::Collections::Vector<IStorageItem^>();
    storageItems->Append(pdfFile);
    request->Data->SetStorageItems(storageItems);
    deferral->Complete();
    catch (Exception^ ex)
    // Calling FailWithDisplayText() also calls Complete on the deferral.
    request->FailWithDisplayText(ex->Message);
    How can I send the attachment file to a specific email receiver without fill in the email address manually.

    Hi Tonberry,
    Based on my knowledge, you are using the correct way to share files in windows store app. The share app provides some frequent Contacts as the following image. But there is no options to set the recipients programmatically. If you want this feature, I would
    recommend you feature a request on
    UserVoice.
    Regards,
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place. Click HERE to participate
    the survey.

  • How can I active the Facebook & Twitter in the Services in the Add-ons menu?

    When I log on to my facebook account, I don't see any Turn On or Activate button on the page. A sidebar will open and a confirmation message will be shown.
    Click OK in the confirmation message to turn the service on.
    Is there something special I have to have installed before I log on to my facebook account?
    Thank You.
    David

    Okay, I had to wipe my hard drive and install a clean version of Windows 7 Ultimate SP1 [32-bit] and the latest Beta version of Firefox 26.
    When I log onto Facebook, how to I add the Social Features to Firefox? Where on Facebook will I see "Click the Turn On or Activate button on the page. A sidebar will open and a confirmation message will be shown. "? I've tried everything on [[Add social features to your browser]], and on [[Find and install add-ons to add features to Firefox]] .
    I would appreciate any and all help concerning this matter.
    Thank You.
    David

  • How can I delete the "share" bar (facebook, twitter, etc.) from the web page I'm looking at?

    A "share" bar comes up and blocks part of the information I'm viewing. I don't care to share anything on facebook, twitter, pinterest, etc. How can I stop this share bar from appearing? One suggestion was to go to Tools, Options, Content, and uncheck Enable Javascript.
    I don't have a javascript box. Then what?

    Although these tools may be created using scripting, turning it off probably would break half of the web. So this setting has been hidden from easy changing. (It's still there if you really need it, but...)
    Does this problem occur nonstop on all sites, or only on particular sites? If you see it all the time, it might be a feature of one of your add-ons. As a quick test to rule out your extensions as the cause, could you try visiting the same sites in Firefox's Safe Mode? That's a standard diagnostic tool to bypass interference by extensions (and some custom settings). More info: [[Troubleshoot Firefox issues using Safe Mode]].
    You can restart Firefox in Safe Mode using
    Help > Restart with Add-ons Disabled
    In the dialog, click "Start in Safe Mode" (''not'' Reset)
    Any difference?
    If it's a feature of a few websites, could you give some sample links? We may be able to suggest ways to block it on those sites.

  • How to share on user given facebook fanege url(fan page)?

    hi all,
    how to share data on facebook fan page(given by end user) using c# SDK or JavaScript SDK?
    can any one help me please?
    thanks a lot in advance.
    SuneelKumar Biyyapu

    Please post questions related to third-party products like Facebook on their forums.

Maybe you are looking for

  • Ipod Classic 120G vs. Itunes 9. Help?

    Okay everyone, I have been having some difficulties with Itunes 9 as well. I have a 120G Ipod Classic that worked spectacular until I upgraded to 9. It wouldn't show up in my Itunes although in the My Computer screen I could see it. Deciding to wait

  • 6730c - problems updating MS Outlook Contacts via ...

    Originally no problems using OviSuite to update my Contacts from MS Outlook.  For a few weeks, I moved my Sim card to another handset and then reverted back to the 6730c.  Now - I can Sync everything EXCEPT Contacts. OviSuite version updated to 3.0.0

  • Report on Variance

    Hello Experts, I am executing KKS2 (variance calculation) and KO88 (Order Settlement). System is calculating and showing variance at each cost element level. But this cost element will have different items like different material codes. For Ex: My va

  • Resizeable Item

    Hi, Is it possible to make an lov item sizeable by the user in the same way you can resize a text area item. I've not been able to find an example on OTN. I've tried using the jQuery example from here http://jqueryui.com/resizable/#default but with l

  • jsp: include cannot relate to css

    I created a jsp file (navigator.jsp) which uses css and it worked alright. I tried to include navigator.jsp in another jsp file namely layout.jsp.....The code of layout.jsp looks some thing like this <body> <jsp:include page="navigator.jsp" flush="tr