Floating Vertical Social Media Share Buttons For Blogger | Widget

Floating Vertical Social Media Share Buttons For Blogger | Widget

Hello Dohhnuttites and fellow bloggers, I have posted many Posts on share buttons. Because Sharing of Blog/Website content on the Social Media is a great means of receiving Mass Traffic to your website.

Am going to show you different AddToAny Floating Social Media  Horizontal/Vertical Share Button. Just follow the instruction on each code segment.

Floating Share Buttons

AddToAny floating share buttons are available in vertical and horizontal fixed positions, and are customizable for mobile and desktop devices.

Floating Horizontal Social Media Share Buttons For Blogger | Widget.

Vertical Share Bar

You can position floating vertical share buttons that are fixed alongside your site's content (in a sidebar, for instance), or docked to the far left or far right side of the user's screen.

The following example displays a vertical share bar that is docked to the left side of the user's screen, 150 pixels from the top.

<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style" style="left:0px; top:150px;">
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_google_plus"></a>
    <a class="a2a_button_pinterest"></a>
    <a class="a2a_dd" href="https://www.addtoany.com/share"></a>
</div>

<script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>

The following example displays a vertical share bar that is fixed relative to a parent element (usually the site's main content), 150pixels from the top of the page, and offset from the left of the parent element by 100 pixels. The parent element needs to have a specified width, and the vertical share bar code should placed as a descendant of that element as in following example. The current page displays this style on devices with a wide enough screen.

<div class="example_parent_element" style="margin:0 auto; width:900px;">
    
    <div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style" style="margin-left:-100px; top:150px;">
        <a class="a2a_button_facebook"></a>
        <a class="a2a_button_twitter"></a>
        <a class="a2a_button_google_plus"></a>
        <a class="a2a_button_pinterest"></a>
        <a class="a2a_dd" href="https://www.addtoany.com/share"></a>
    </div>
    
    <script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>
    
</div>

After you’ve selected your choice. Just follow the steps below to apply this widget to your blog.

1. Go to Blogger

2. Click the Blog, you want to add the widget to.

3. From the dashboard, click Layout.

From the Pop window click Add a Gadget, a new window will pop up, from the pop up window click HTML/Javascript.

4. Paste your code into the new pop up window Content Space and click save.

Then, you have your choice Floating Share button on your blog.