# Adding Share+ to your webpage:

1) Include the files in HTML.

Add this CSS file in the head section of your HTMl:

<link rel="stylesheet" href="http://example.com/js/shareplus/themes/simple/style.css">

(Include the theme's stylesheet that you wish to use. in this case, its 'simple' theme.)

Add these javascript files in the head section or before the closing body tag.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script type="text/javascript" src="http://example.com/js/shareplus/shareplus.min.js"></script>

(You do not have to include the jQuery library from google if you already have jQuery added.)


2) After you have included the shareplus.min.js file, add this following code in your HTML which will get share+ running.

<script>
    $('.shareplus').shareplus();
</script>


3) Done!

Now, all the default share+ settings will apply and you should see the sticky button on the left of your homepage.





# Basic customizations

$('.share').shareplus({
    height: '130px',

    speedIn: 400, // fadeIn speed
    speedOut: 600, // fadeOut speed

    displayTitle: true, // true or flase
    title: "Share & Bookmark", // shareplus box title

    sharetitle: "Share Plus", // sharing page's title
    shareurl: "http://demo.danielpaul.me/share+/", // URL to share

    icons: "facebook,twitter,google,digg,delicious,stumble,tumblr,linkedin,live,myspace,bebo,email",
    targetBlank: true, // open link in new tab? true or false

    fbLikebox: true, // display facebook like box? true or false
    fbAction: "recommend", // like or recommend?
    fbcolorscheme: "light", // light or dark

    tweets: true, // diaplay tweet button? true or false
    tweetText: "Check out this URL",
    tweetVia: "danielpaul94", // via twitter account
    twitterRelated: "danielpaul94", // related twitter account
    tweetButton: "Tweet!",

    gplus: true, // display Google Plus one button? true or false

    ga:  false, // use Google Analytics to track social sharing?
    // Note: You must alrady have GA scripts on your page for this to work

    sticker: false, // display share sticker?
    stickerAlign: 'right' // left or right?
});





Visit Share+ homepage for advanced functions, more themes and support @ http://danielpaul.me/projects/share+/