Floating Horizontal Social Media Share Buttons For Blogger | Widget.

SHARE:

Floating Horizontal Social Media Share Buttons For Blogger | Widget.
Floating Horizontal 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

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

Horizontal Share Bar

You can position horizontal share buttons in a "floating bar" that is commonly docked to the bottom of the user's screen, particularly on mobile devices.
The following example displays a horizontal share bar that is docked to the bottom of the user's screen on the right side. The current page uses this style.
<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_default_style" style="bottom:0px; right:0px;">
    <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 center-aligned horizontal share bar that is docked to the bottom of the user's screen. Center alignment is done by specifying a left position value of 50% and a negative margin-left value that is equal to the total width of the icons. The width of these default icons can be calculated by multiplying the number of icons by 40. For example, 5 icons (multiplied by 40) gives a margin-left value of -100px.
<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_default_style" style="bottom:0px; left:50%; margin-left:-100px;">
    <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>

Responsive Floating Share Buttons

Using CSS media queries, you can specify mobile/desktop breakpoints for responsive floating share buttons. For example, it is common to hide a "docked" vertical share bar on the smaller screens of mobile and tablet devices.
<style type="text/css">
/* Hide AddToAny vertical share bar when screen is less than 980 pixels wide */
@media screen and (max-width: 980px) {
    .a2a_floating_style.a2a_vertical_style { display: none; }
}
</style>

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 Horizontal Social Media Share Buttons For Blogger | Widget.
Floating Horizontal Social Media Share Buttons For Blogger | Widget.
Floating Horizontal Social Media Share Buttons For Blogger | Widget.
http://1.bp.blogspot.com/-EjJy_QGQNwo/VhuvuZ-0nPI/AAAAAAAAB1I/a17FTavnOvs/w200-h200/horin.png
http://1.bp.blogspot.com/-EjJy_QGQNwo/VhuvuZ-0nPI/AAAAAAAAB1I/a17FTavnOvs/s72-w200-c-h200/horin.png
Vevo
https://www.vevo.com.ng/2015/10/floating-horizontal-social-media-share.html
https://www.vevo.com.ng/
https://www.vevo.com.ng/
https://www.vevo.com.ng/2015/10/floating-horizontal-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