When it comes to Blogging, traffic is the main factor and it can be gained by many strategies. Meanwhile, traffic depends on number of factors however "Social Bookmarking" is the most important and common factor. So you can get a lots of traffic by joining popular Social Bookmarking sites, such as Twitter, Facebook, Digg & Google+. The Ultimate DNN Blog Module – SunBlogNuke supports the social bookmark feature from the beginning, with which your readers easily share your blog post on the famous social bookmark services around the world. Today we would like to show you how to active it and implemented customized "ShareThis" bookmark widget in DNN blog.

Active Social Bookmarking

Configure it in the Reading Settings panel, where you checked the option or uncheck like that:

Bookmarking

As for the "ShareBox " script, just need to replace your publisher id with yours. The sample url is like this below:

http://w.sharethis.com/button/sharethis.js#publisher=xxx_id&type=website&headerTitle=Share this post

You can also customize the parameter [headertitle]. 

You can see how it in action here  - Bookmarking Widget in the end of this post. Even more you may be interested in implemented more sexy social bookmarking plugin, please refer to another tutorial - Integrate SexyBookmarks into DNN Blog and you will be surprised. :)

Customized Social Bookmarking Widget

Here we provided the "ShareThis" bookmark widget as sample. Just follow up the steps below:

1)  Go to the ShareThis website and create the button as you want.

2) With HTML editor, open up the theme view file - detailview.ascx in your current theme folder. (If you are not familiar with the theme mechanism, please refer to the tutorial - Develop an Customized Theme for SunBlogNuke)

3) Find out the original bookmarking control like this below:

<uc:Bookmarks ID="widgetBookmarks" runat="server" EnableViewState="false"/>

then remove it and append your generated button code in the step 1) in the same place.  Finally it may looks like that:

<div class="bookmarks">
    <h3><%=LocalizeByKey("ShareThisPost")%></h3>
    <span class='st_twitter_vcount' displayText='Tweet'></span>
    <span class='st_email_vcount' displayText='Email'></span>
    <span class='st_facebook_vcount' displayText='Facebook'></span>
    <span class='st_sharethis_vcount' displayText='ShareThis'></span>
    <script type="text/javascript">var switchTo5x=true;</script>
    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
    <script type="text/javascript">stLight.options({publisher:'xxx_publiser_id'});</script>
</div>

4) Save it and it will work like a charm.

You can see how it in action in the every post detail of our Showcase Gallery page.

Hope you like this tutorial and find some helpful things in this. Feel free to ask anything about the article in comments section.

Blog your way and share it enjoyable.