Social media button floating side widget 2015

♠ Posted by at Saturday, June 06, 2015 in ,,, at Saturday, June 06, 2015
Are you looking for social media button floating side widget ?? here i will discuss on this topic.




Installation

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 24propertyhall.com Code Start –>
<style>
#social-widget {
position:fixed;
top:25%;
right:10px;
border: 1px solid black;
width:70px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#eff3fa;
z-index:998;
}
#social-widget .sbutton {
margin: 5px;
}
</style>
<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); js.id = id;
js.src = “//connect.facebook.net/en_GB/all.js#xfbml=1″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<div class=”fb-like” data-href=”https://www.facebook.com/24propertyhall” data-send=”false” data-layout=”box_count” data-width=”80″ data-show-faces=”false”>
</div>
</div>
<!– Twitter –>
<div class=”sbutton”>
<a href=”https://twitter.com/share” class=”twitter-share-button” data-url=”http://www.24propertyhall.com/” 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.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>
</div>
<!– Google Plus –>
<div class=”sbutton”>
<div class=”g-plusone” data-size=”tall” data-href=”http://www.24propertyhall.com”></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 = ‘https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<br/>
<!– Please keep below intact –>
<a href=”http://www.24propertyhall.com/2015/06/social-media-button-floating-side.html” 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
</div>
</a>
</div>
<!– SideBar Floating Share Buttons by 24propertyhall.com Code End– –>
[/sourcecode ]

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

0 comments:

Post a Comment

Advertisement :