Back to vBulletin 3.8 Template Modifications

AddThis Floating Horizontal Bar
Mod Version: 1.00, by Lee G

vB Version: 3.8.7 Rating: (2 votes - 5.00 average) Installs: 4
Released: 25 Oct 2011 Last Update: Never Downloads: 0
Not Supported Template Edits External Content  

This is a simple integration of the AddThis Floating Horizontal Bar

At present most share buttons are located in static places.
If you add one to the header, some one has gone down the page, they might not go back up and it the share button.
If you add a social media share button to the last post, you also have to find ways of integrating the buttons into your blogs, photo albums etc.

The new horizontal share bar is easy to install and makes sharing unobtrusive until the user begins scrolling down your page.
Appears on Scroll
The on-demand behavior of the horizontal bar boosts sharing because it appears as your visitors scroll down the page.

To see this bar in action, Im running it on my own forums
http://www.thespainforum.com/

Scroll down the page and it will suddenly appear at the top of the screen
Go back up and it auto hides
This means that if like me you have buttons in the header and the navigation bar are not covered at any time.

Instillation is two template edits

Header template

After
PHP Code:
<!-- /logo --> 
Add
PHP Code:
<div class="addthis_bar addthis_bar_medium">
    <
label>Share This Page:</label>
    <
div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <
span><class="addthis_button_preferred_1"></a></span>
        <
span><class="addthis_button_preferred_2"></a></span>
        <
span><class="addthis_button_preferred_3"></a></span>
        <
span><class="addthis_button_preferred_4"></a></span>
        <
span><class="addthis_button_compact"></a></span>
        <
span><class="addthis_counter addthis_bubble_style"></a></span>
    </
div>
</
div
At the very end of the footer template add this
PHP Code:
<script type="text/javascript">
var 
addthis_config = {
    
bar_show_below 150
}
</
script>
<
script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=[YOUR PROFILE ID HERE]"></script
If you want to track your clicks, you can register for a free account with AddThis and simply replace [YOUR PROFILE ID HERE] with your profile id

Further information and more layout options can be found on AddThis
http://www.addthis.com/labs/floating-horizontal-bar?flag=login&lb=1#code

Download

No files for download.

Similar Mods

Forum Home Enhancements Floating Top Bar script [register] vBulletin 3.6 Template Modifications

vblts.ru supports vBulletin®, 2022-2024