The Arcive of vBulletin Modifications Site.

Social-Bar in CMS-articles step-by-step · **Released**: 02-07-2012

This is a userwish.

With this little modification you can add a sharebar in your articles.

1. Go to Addthis.com and get a code (you can register for analyse in future but you dont must do it)
2. You get a code like this:

HTML Code:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-YOUR-ID"></script>
<!-- AddThis Button END -->

3. Go to template vbcms_content_article_page
4. Find

HTML Code:

		<div class="fullwidth">		
<vb:if condition="$show['fb_likebutton']">
				<div>{vb:raw fblikebutton}</div>

5. Add below:

HTML Code:

<b />
Your Addthis-Code

Now it must look like:

HTML Code:

		<div class="fullwidth">
			<vb:if condition="$show['fb_likebutton']">
				<div>{vb:raw fblikebutton}</div>
				<br />
				<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-YOUR-ID"></script>
<!-- AddThis Button END -->
			</vb:if>