Tutorial

How to add Social Sharing Buttons in Blogs.

Increase traffic to your website by adding a simple and convenient share button to your Blogs.

One of the things you can do is add the ability for your guests and members to bookmark and share a blog that has been posted to your website. This can help bring additional traffic to your site, and provide an additional useful service to anyone that happens to find your blog interesting or useful. Social bookmarking and sharing is extremely popular why not integrated it into your Boonex Dolphin site.

This will give your visitors the ability to add it to a number of the more popular social bookmarking and sharing sites that they may already belong to with a simple click of the mouse.

There are several popular services out there that provide this free of charge. All you do is add a few simple lines of code to your page and you are good to go.

The one I am using at the moment is totally free and does not require registering if you don't want to track statistics. If you do want statistics of how these are being used on your site, then you can register for free. Simply go to http://addthis.com/ select your Service, Button Style, and get the code.

Another popular service is http://sharethis.com/ which is also a free service, but requires registration.

Or do a Google Search for other popular Social Bookmarking Services.

Here in this blog post:
Google Pagerank Update October 2009

I have added a "Share" by addthis.com

 

Bookmark and Share Dolphin Blogs

 

 


When someone hovers their mouse over it they have a number of options from emailing it, to facebook, twitter, and a bunch more bookmarking sites.

For example I will choose "Delicious" since I have an account there and I am logged into Delicous anyway.

 

Bookmark and Share Dolphin Blogs Delicious

 

 

A new window will open and connect to "Delicious". Once there since I am logged into Delicious it will have the URL and Title already filled out for me.

All I need to do is save it, or add a little description in "Notes" and maybe some "Tags" and then simply save it.

 

Save Delicious Bookmark

 

 


It's hard to put a number on how many people use these services, but it's free and it could potentially bring you some additional traffic. So why not?

I have chosen to add the button before the date in my blog posts which lines up and looks decent.

To add this feature get the code from addthis.com or any other service that you prefer.

For Dolphin 6.1x you need to add this code to:
/inc/classes/BxDolBlogs.php

Be sure to backup the original file first so you can restore it if you have any problems.

After you have backed up the file: /inc/classes/BxDolBlogs.php

Open the file and locate:

 

    <div class="fr_small_gray_centered">
        {$sAuthor}
        <span style="vertical-align:middle;"><img src="{$site['icons']}clock.gif" class="marg_icon" alt="{$sDateTime}" /></span><span class="margined">{$sDateTime}</span>
        <span style="vertical-align:middle;"><img src="{$site['icons']}add_comment.gif" class="marg_icon" alt="" /></span><span class="margined">{$aResSQL['CountComments']} {$sCommentsC}</span>
        <span style="vertical-align:middle;"><img src="{$site['icons']}folder_small.png" class="marg_icon" alt="{$sCategoryName}" /></span>
        <a href="{$sOwnerCatLink}">
            {$sCategoryName}
        </a>
    </div>




You will need to insert your addthis.com code before the date reference like so:

 

    <div class="fr_small_gray_centered">
        {$sAuthor}
        <span style="vertical-align:middle;"><!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://addthis.com/bookmark.php?v=250&amp;pub=xa-4XXXXXXXXXXXX"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4XXXXXXXXXXXX"></script>
<!-- AddThis Button END --></span>

        <span style="vertical-align:middle;"><img src="{$site['icons']}clock.gif" class="marg_icon" alt="{$sDateTime}" /></span><span class="margined">{$sDateTime}</span>
        <span style="vertical-align:middle;"><img src="{$site['icons']}add_comment.gif" class="marg_icon" alt="" /></span><span class="margined">{$aResSQL['CountComments']} {$sCommentsC}</span>
        <span style="vertical-align:middle;"><img src="{$site['icons']}folder_small.png" class="marg_icon" alt="{$sCategoryName}" /></span>
        <a href="{$sOwnerCatLink}">
            {$sCategoryName}
        </a>
    </div>




Save the changes back to your host, and simply refresh a blog post page on your site. Verify the button works by clicking on one of the services, email, etc.

Any problems, restore the original backup /inc/classes/BxDolBlogs.php and try again.

Additional:
If you use a different service other than addthis the code will be slightly different based on the company or site you are using. Simply place the code the particular site gives you in the same location for Dolphin 6.1x.

There is really no way of guessing how much additional traffic this will bring, or if your members or guests will even use this. It kind of depends on your site, visitors, and how interesting or useful the actual blog post is. You never know though, it's free and convenient so what the heck!

 
Written By
Tutorial by: Jeremy LeSarge (AKA Ray)

I am the owner and administrator of DialMe.com. I write Tutorials for Boonex Dolphin as well as tips and resources surrounding website programming and development. I enjoy working with WordPress, SEO, and Web Hosting / Servers. I also maintain a WordPress Blog here on this site where you will find a variety of technology and webmaster resources.

Actions
Sponsored Links
Recommend