The latest release of Bamboo‘s Community Central offers a host of new features and customization options. While default, Community Central for SharePoint 2013 keeps the same stylistic components as Community Central for SharePoint 2010, our new customization options allow you to change the style of your site to meet your style needs.

In this article, we’ll show you how to change the style of your Community Central site on SharePoint 2013 adding the social sharing tool to the blog.

Adding the social sharing tool to the blog:

If your community is published on the Internet and public-facing, the social sharing tool is a great way to further share your content with others. While there isn’t a native social sharing tool in Bamboo Community
Central, there are several third-party tools you can add to your Community the Central site offers this capability. One such tool is Share This. Share This is a free site that offers a variety of social sharing bars and buttons that let you share your content with sites such as Facebook, Twitter, Linkedin, and Pinterest.

To add the social sharing tool’s HTML code to your site, you will need to customize the Bamboo XSLT.  Please note that if you try to use SharePoint Designer to insert the code, it will ONLY be added to the specific blog site, NOT site-wide.

To begin, open any blog site and go to Site Contents.  Open the Skins list and navigate to the XSL folder. From there, download the file “Bamboo.BlogDetail.xslt”

Next, you will need to edit “Bamboo.BlogDetail.xslt”

• Decide where you would like your social sharing tool to be located on your site (i.e., top, bottom, right, etc.). Once you have picked a location, insert the following code. In this example, we’ll be inserting the code onto line 96.

<div>

        <span
class=’st_facebook_vcount’ displayText=’Facebook’></span>

       <span class=’st_yammer_vcount’
displayText=’Yammer’></span>

        <span
class=’st_twitter_vcount’ displayText=’Tweet’></span>

        <span
class=’st_linkedin_vcount’ displayText=’LinkedIn’></span>

        <span
class=’st_messenger_vcount’ displayText=’Messenger’></span>

        <script
type=”text/javascript”
src=”http://w.sharethis.com/button/buttons.js”></script>

        <script
type=”text/javascript”>stLight.options({publisher:
“6698f0ec-16f5-485e-b3ab-4514190d2f35”, doNotHash: false, doNotCopy:
false, hashAddressBar: false});</script>

</div>

Before you create the code and have it active on your site, you will need to create an account on the Share This site.

After you have completed the steps above, save the changes to your code and upload the newly updated file Bamboo.BlogDetail.xslt to the XSL folder in the Skins list.

After having done so, visiting your site will reveal the results of your changes: