Social media button floating side widget 2015

Are you looking for social media button floating side widget ?? here i will discuss on this topic.


Copy the code into your html page and paste anywhere within <body> tag and the widget should be appeared in the right side of your page. No doubt you can change the position, size and look by editing the css code.

You also enter the URLs of your website for Facebook, Twitter and Google Plus.

[sourcecode = 'html']

<!– SideBar Floating Share Buttons by Code Start –>
#social-widget {
border: 1px solid black;
#social-widget .sbutton {
margin: 5px;
<div id=’social-widget’ title=”Share This With Your Friends”>
<!– Facebook –>
<div class=”sbutton”>
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); = id;
js.src = “//″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<div class=”fb-like” data-href=”” data-send=”false” data-layout=”box_count” data-width=”80″ data-show-faces=”false”>
<!– Twitter –>
<div class=”sbutton”>
<a href=”” class=”twitter-share-button” data-url=”” data-count=”vertical”>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);;js.src=”//”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>
<!– Google Plus –>
<div class=”sbutton”>
<div class=”g-plusone” data-size=”tall” data-href=””></div>
<script type=”text/javascript”>
window.___gcfg = {lang: ‘en-GB’};
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript'; po.async = true;
po.src = ‘';
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
<!– Please keep below intact –>
<a href=”” title=”Get this Social Media Tool Bar for you own website” target=”blank”>
<div style=”clear: both;font-size: 9px;text-align:center;color:red;”>
Get this Widget
<!– SideBar Floating Share Buttons by Code End– –>
[/sourcecode ]

If you like my post then share on Facebook, Twitter and Google Plus.

No comments:

Post a comment