SHARE (using from addthis.com) Facebook and Email integration

[rbaybayan]

Hi,
I have one more final touch on my  book is to add a community share button from "addthis.com".
How can I incorporate this function to have it work with their API.

The navigation button as "SHARE" will have a dropdown list (from my button) of community sharing icon (i.e. facebook) generated by the "addthis.com API".

I appreciate your help.

Regards,

Ruel

[rbaybayan]

Hi,

I had attached a code for adding automatically your book website into a community (i.e. facebook, diggs) and email application using "addthis.api".

The API is residing at "addthis.com" so there is no need to place API into your folder.
Files affected:
1) Add two button:
    SHARE BUTTON
    MAIL BUTTON

2) Update "STYLE" from "navigationalbar.asul"

Code: (xml)

<asul><style><![CDATA[
    button.share box { background: image(gui/customimage/functionbutton/btnrecshare3.png); }
    button.email box { background: image(gui/customimage/functionbutton/btnrecemail3.png); }

3) Update "<hflow" from "navigationalbar.asul" (after the thumbnail declaration or depends your button position)
ADD THIS CODE:

Code: (xml)

    <!-- Addthis.SHARE  -->
    <button 
        name="btn_share" 
        style="common share" 
        title="localize(LNG_SHARE, Share)"
        url="http://api.addthis.com/oexchange/0.8/offer?width=300&url=http%3a%2f%[YOURDOMAINNAME]%[YOUR INDEX.html] &height=350"
    >
        <box name="$up$"/>
        <box name="$over$" style="over"/>
        <box name="$down$" style="down"/>
    </button>
 
    <!-- Addthis.Mail   -->
    <button 
        name="btn_email" 
        style="common email" 
        title="localize(LNG_EMAIL, Send Email)"
        url="http://api.addthis.com/oexchange/0.8/view?width=300&url=http%3a%2f%[YOURDOMAINNAME]%[YOUR INDEX.html]&height=350&dest=email"
    >
        <box name="$up$"/>
        <box name="$over$" style="over"/>
        <box name="$down$" style="down"/>
    </button>

 

4) Validation:
     a) SHARE: Upong clicking on button: your DOMAIN NAME should be shown on "addthis.com" community active icon. you canclick on either facebook but make sure you have the account created.

 b) MAIL: Upon clicking the button; a browser will open an "addthis.com" mail. Youl should see different email sites.
     try to send to your own email and you should be receiving the link of you website flipbook.

I hope this simple code helps...It's good for sharing your flippbook using either mail or community network.


Florian Nücke: took the liberty of adding code tags for readability. Thanks for sharing!

[hnuecke]

Thanks for sharing!
I'm shure many will be interested and try it out..
Hans

We will move this to the "contribution" section...