Floating slide out social sharing widget for blogspot

Already I published so many posts on social sharing gadget. But this one is special than others. It has floating slide out effect with Medium icon. This gadget has completely created with CSS just touch on any icon; it will slide out with full title. Because of CSS instead Java Script which will helps to load your blog.

Already I published so many posts on social sharing gadget. But this one is special than others. It has floating slide out effect with Medium icon. This gadget has completely created with CSS just touch on any icon; it will slide out with full title. Because of CSS instead Java Script which will helps to load your blog. Tool tip effect also include with this widget. Hope you are going to like this gadget on your blog. This sharing button also going to encourage your visitor to share your blog post to Facebook, twitter; subscribe RSS feeds and send contents with email address.

LIVE DEMO

Lets Go to Install this Floating Slide Out Social Sharing Button

1st Step: Log in with your email address and password.

2nd Step: Go to Layout tab of your blog.

3rd Step: Add a new HTML/JavaScript gadget and copy paste the following code into it.

<style type='text/css'> .tipsworldbdFSS a, .slider-tooltip p{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .slideshow-chunk>div{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out} .tipsworldbdFSS{height:150px;left:50%;position:fixed;top:200px;width:18px;z-index:5;margin-left:495px} .tipsworldbdFSS a{display:block;margin-left:133px;width:19px;height:20px;position:absolute;top:0;right:0;color:#fff!important;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:700;line-height:20px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipBPvLx7PTJcPrL2zwI0kawtq5HkJ-NCeNAt4a0M4TOlgaIXqh9XHWil1mA5miKALxs6gJNoyT4QcclHc73v6yOkTkBfpuC4KnERa9NQuYtU5xWCvjCLamd0tei85A94-VGQr7ypO_Ah5O/s320/BS+FSS.png) no-repeat;overflow:hidden} .tipsworldbdFSS a span{min-width: 152px;padding: 2px;display:block;visibility:hidden;min-width:152px} .tipsworldbdFSS a:hover{min-width:133px;padding-left:25px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out} .tipsworldbdFSS a:hover span{visibility:visible;position:absolute;top:0;left:25px} .tipsworldbdFSS a.BSfacebook{background-position:3px -15px;top:20px;background-color:#526ca5} .tipsworldbdFSS a.BStwitter{background-position:3px -36px;top:40px;background-color:#75ddfe} .tipsworldbdFSS a.BSrss{background-position:3px -55px;top:60px;background-color:#f6a858} .tipsworldbdFSS a.BSmail{background-position:3px -75px;top:80px;background-color:#c1c1c2} .tipsworldbdFSS a.BSfacebook:hover{background-color:#526ca5;background-position:5px -15px} .tipsworldbdFSS a.BStwitter:hover{background-color:#75ddfe;background-position:5px -36px} .tipsworldbdFSS a.BSmail:hover{background-color:#c1c1c2;background-position:5px -75px} .tipsworldbdFSS a.BSrss:hover{background-color:#f6a858;background-position:5px -55px} .tipsworldbdFSS a.BSfacebook:active{background-color:#294a90} .tipsworldbdFSS a.BStwitter:active{background-color:#40b5fe} .tipsworldbdFSS a.BSmail:active{background-color:#909090}.tipsworldbdFSS a.BSrss:active{background-color:#f37526} /*widget by www.tipsworldbd.com */ </style> <div class='tipsworldbdFSS'> <a class='BSfacebook' href='https://www.facebook.com/tipsworldbd' onclick='dcsSetVar('WT.z_iLinks','Facebook','WT.z_iLinks_actionoffer','exnav-soc','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='Facebook'><span>Join Us on Facebook</span></a> <a class='BStwitter' href='https://twitter.com/tipsworldbd' onclick='dcsSetVar('WT.z_iLinks','Twitter','WT.z_iLinks_actionoffer','exnav-soc','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='Twitter'><span>Tweet Us On Twitter</span></a> <a class='BSrss' href='/feeds/posts/default' onclick='dcsSetVar('WT.z_iLinks','RSS','WT.z_iLinks_actionoffer','invite-follow','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='RSS Feed'><span>Visit Our rss feed</span></a> <a class='BSmail' href='mailto:youongsunsonsignup@gmail.com' onclick='dcsSetVar('WT.z_iLinks','Email','WT.z_iLinks_actionoffer','invite-email','WT.z_iLinks_targetcampaign','src-gs');' target='_blank' title='Email'><span>Newsletter</span></a></div>

Editing:

Change your Facebook and Twitter User ID with tipsworldbd.
Change your email address with youngsunsonsignup@gmail.com


4th Step: Save your Template and enjoy it.