Floating Vertical Social Media Share Buttons For Blogger | Widget

SHARE:

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 S
ocial 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.

Name

Blogger,36,Cheats,7,Internet Tricks,33,News,7,SOFTWARE,1,Tips,7,Wordpress,17,
ltr
item
Vevo: Floating Vertical Social Media Share Buttons For Blogger | Widget
Floating Vertical Social Media Share Buttons For Blogger | Widget
Floating Vertical Social Media Share Buttons For Blogger | Widget
http://1.bp.blogspot.com/-P_xfmVoHfE0/Vhuvv2khDWI/AAAAAAAAB1Q/hgjWbRZhKT4/w200-h200/vert.png
http://1.bp.blogspot.com/-P_xfmVoHfE0/Vhuvv2khDWI/AAAAAAAAB1Q/hgjWbRZhKT4/s72-w200-c-h200/vert.png
Vevo
https://www.vevo.com.ng/2015/10/floating-vertical-social-media-share.html
https://www.vevo.com.ng/
https://www.vevo.com.ng/
https://www.vevo.com.ng/2015/10/floating-vertical-social-media-share.html
true
1473792322549238352
UTF-8
Loaded All Posts Not found any posts VIEW ALL Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy