Add Slide Out Floating Social Share Buttons To Blogger

This tutorial will show you How To Add Slide Out Floating Share Buttons To Blogger. This widget floats at the bottom of right corner of the page and scrolls along with page. This widget is created by addthis.com. When you hover your mouse on this widget it slide out with some social networking button such as facebook, twitter, email, pinterest and add this button which contains share option for almost all social sharing sites.

Slide Out Floating Share Buttons Demo

LIVE DEMO

How To Add Slide Out Floating Share Buttons In Blogger

• Go to Blogger Dashboard 
• Click on DropDown Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML --> Proceed --> Expand Widget Templates
• Press Ctrl + F and search the code shown below

</body>

• Now Paste the Code Shown Below just above/before it

<script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/>
<div class='addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style'>
    <a class='addthis_button_more'>Share</a>
    <ul>
       
        <li><a class='addthis_button_preferred_1'/></li>
        <li><a class='addthis_button_preferred_2'/></li>
        <li><a class='addthis_button_preferred_3'/></li>
        <li><a class='addthis_button_preferred_11'/></li>
    </ul>
</div>

• Now save your template

Like it? Share it.