![]() |
Top 5 Floating Social Media Icon Widget For Blogger |
Floating Social Media Like and Sharing Sidebar Buttons
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><a class="addthis_counter"></a>
<a href="http://www.problogger24.com/">Pro Blogger 24</a></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>
Floating Social Media Sharing Sidebar Buttons Large
<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook"></a><a class="addthis_button_twitter"></a><a class="addthis_button_delicious"></a><a class="addthis_button_pinterest_share"></a><a class="addthis_button_digg"></a><a class="addthis_button_orkut"></a><a class="addthis_button_google_plusone_share"></a><a class="addthis_button_myspace"></a><a class="addthis_button_compact"></a><h6>
<a href="http://www.problogger24.com/">Pro Blogger 24</a></h6>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>
Floating Social Media Sharing Sidebar Buttons Small
<div class="addthis_toolbox addthis_floating_style addthis_16x16_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook"></a><a class="addthis_button_twitter"></a><a class="addthis_button_delicious"></a><a class="addthis_button_pinterest_share"></a><a class="addthis_button_digg"></a><a class="addthis_button_orkut"></a><a class="addthis_button_google_plusone_share"></a><a class="addthis_button_myspace"></a><a class="addthis_button_compact"></a><h6>
<a href="http://www.problogger24.com/">Pro Blogger 24</a></h6>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>
Floating Social Media Bar
<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="http://www.addtoany.com/share_save"></a>
</div>
<script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>
OR
Dynamic Floating Social Media Buttons
<style>You have to change the counters manually, just change Red color address according to profile.
.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicI3UK2cPMfbgcbWLhqT0TtteH45zwvZWoQP_YCDPOlxsrKQiaVNk94zlDqpVk9vMDHWsstc87UOlEMo0qjeV4BmnWWnAIE9bCUpRICCSepu8wO6lKPde-lmhdVabStff6pb3b-toQlCQ/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0qOIkpDxd07W2LV2Djv2UNsNDsVmaNooatyilAqerOkXptNkz6TrQVkXKhrNroQLUtt_BYZI5nYUL7yqvYzxuSGFURuli_5kkyM2NGdewypwx0ycKs0xXmE0imGjWae8YKH2JZjGmMVU/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.fixedmenu_1{margin:0px 0 0 43px}
.fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgFwC6_9fYfAOR4lwCKn8R-UqOPbYaPnR0Y7gME5C87a8broBdmbG4Zsmw6qa6K62dLXGxj5MKtIBorcAXLzL535yE2ezZr8T1XNePCBa8QHgdWeAI0f7qpFMjZfdDyrqG_QbAc0s2ydI/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKZG5qcsCEkoItetIibGxNAF1r1hbive3NSUUFlymoWin4rli4AQLWhoRGnTwxpkzYOtpCL2r4bLm5iEsZE_ZeFDoBikYd6hW5gBs_YoHx1-qlsM-seajEjalpcFGOPhUGZalqjcTNB1M/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.fixedmenutw_1{margin:0px 0 0 43px}
.fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK5LZXL1NdjfWf9plsU9gtJ8e8ijevg-FxqA3iau8C6tdMv5W6gmUnfwf9Aq2m3HJwv6kZQfoiHZC8yIey6-mFdNm1gtdGkBcTvmw_77mNc8SWY3SjV2DWIRar0PRaWb9_aMNR74so6OM/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibW-QOVxlngEGHKDJHxF6BnhoGbA5O6PyP_nTlQZcxjbmUzhTle2qqdtrMippv6Q8qEGPocosg_3Bl1F9-ZVIvh5OXH_9f7BizdNnOz4uhYTQJ14Es57u_pPs6kS-WimDDw9gXXviCEYQ/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.fixedmenufb_1{margin:0px 0 0 43px}
.fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYVPsOHYNRrrJNDwKjX8WYJMzPQjfJU_1_aGdNctRY3amfk1d0Bjl0-e1hFUTb-LNjZiJiKqbL_ZTCnUFg_V76Ku2FM6NgV2R92ITLK7qvuIhXmU5_tNbtUD6kAWL7gQHoOx-01hb5Wg0/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_K5AEbZjCq0KFqwbh9xKKGBtfewFC2uGBeTlAHFgG_NCUeO7_julZbzONwXbL9x21RD3YAHKGNDnWopckti8UDsaObuiepdyrCuCpWXkz-Fqtjgp_rw59DWnfqGZSg03IvONwLVWYXGM/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.fixedmenurss_1{margin:0px 0 0 43px}
</style>
<div class='fixedmenu' onmouseout='this.className='fixedmenu'' onmouseover='this.className='fixedmenu1''><div class='fixedmenu_1'>
<a href='https://www.facebook.com/problogger24' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQTc76vLQsqbZYJVg99r8yz-bIdR8LBK6gjqGay8HvzpjExayOybhW283Wd99svH2XD7snbxfttMCq_GdpJ12ePxvgdaIgjlNImgcUHFlgAu_UnE8g_-WkcRNQDVvt3waVG6ulReFx62k/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='fixedmenutw' onmouseout='this.className='fixedmenutw'' onmouseover='this.className='fixedmenutw1''><div class='fixedmenutw_1'>
<a href='https://twitter.com/pro_blogger_24' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHnsc-pVJ7e7ozfSdzapZGTIhxHpIv-qaWXpj3dG78XdiXRVuzWzFQSoClKZYbcNu3tgVHQBiHfSZAWimI1Mh1FJfFfz0fWF4Xx-qnDu0x0jMdhhBwY8n2dxIys_tRjg_ucFsfc1lDsZk/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='fixedmenufb' onmouseout='this.className='fixedmenufb'' onmouseover='this.className='fixedmenufb1''><div class='fixedmenufb_1'>
<a href='https://plus.google.com/+problogger24' target='_blank'><img alt='Circle us on Google+' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9RjWyWYp5XWwA5xMBcoSbdZgutjXPsVoYr2IX7-tELBfWON162GajOC0U5xfvFfs_UdWXtA9yZFCBCaC8SAJjpAROHUPoiKHpIP9dQm7w8Y6Q0QVCXVtyzzyzJrxvHZ0IsJ46Z2dNixs/s1600/Gplus_hover1.png' title='Circle us on Google+'/></a><br/>
</div></div><div class='fixedmenurss' onmouseout='this.className='fixedmenurss'' onmouseover='this.className='fixedmenurss1''><div class='fixedmenurss_1'>
<a href='http://feeds.feedburner.com/problogger24' target='_blank'><img alt='Subscribe to RSS feeds' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT8pE457pwFig4TbsIvGrYt2rtmHaXJwoDmxohAEZR_ogVd6A99d6-5IWyZLM3t5309kPQMK19qnKAuVbMyOnnFzTiI8AoPcWwa2dQ1-YF14-udLVQU99bx0UeDH9ZMgigsnjkhlKICz0/s1600/RSS-hover1.png' title='Subscribe to RSS feeds'/></a><br/>
</div></div>
- Replace "https://www.facebook.com/problogger24" your Facebook username
- Replace "https://twitter.com/pro_blogger_24" with your Twitter Username
- Replace "https://plus.google.com/+problogger24" with your Google plus ID
- Replace "http://feeds.feedburner.com/problogger24" with your Feedburner ID
How to add a Blogger Widget
- Log in to your Blogger Account and Go to your "Blogger Dashboard"
- Go to your "Layout" tab. You will see the complete Layout of your Blogger Template.
- Click on "Add a Gadget" then under Basics tab select "HTML/JavaScript" Widget.
- Now past the Widget code from the "HTML/JavaScript" in Content area now press "Save" button.
Top 5 Floating Social Media Icon Widget For Blogger
Reviewed by Unknown
on
7/18/2015
Rating:

Thanks for the info. Informative post, I liked. I recently found a great texture and icons here free vector textures, but I do not know how can I use them on my blog. I am very happy that I found this post. Good luck to all!
ReplyDeleteIt is an incredible site.. The Design looks great.. Continue working like that!. blog commenting service
ReplyDeleteIt's My Pleasure Sir. :)
DeleteGreat Article it its really informative and innovative keep us posted with new updates. itDigital Marketing
ReplyDeletes was really valuable. thanks a lot.
It's My Pleasure Sir. :)
Delete