Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Installing Flat the Slide Share on Blog

Tags: code slide flat
Buddy blogger, this time ARBloggerLab will give a tutorial how to install Flat Slide share on blogWell for you who want the blog looks cool, please follow the steps as follows.
To use this Code, we need some code below. Put the following code above

link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

1. If the above code you have installed, then skip the step above and continue in the next step. 
2. For you who prioritize CSS3 validation, then the above script you downloaded first and restored in order to be valid CSS3. Then upload the script back using google drive.

Copy the CSS below, then paste it above or

/* CSS Slide Share */
#button-count-share{width:100%;overflow:hidden;background:transparent;margin:0 auto;padding:3px}#button-count-share span{float:left;position:relative;font-size:13px;color:#fff;margin:12px 5px}.button-share{background:#dce0e0;position:relative;display:block;float:left;height:40px;overflow:hidden;width:140px;margin:4px;border-radius:3px}.ikons{display:block;float:left;position:relative;z-index:3;height:100%;vertical-align:top;width:38px;text-align:center}.ikons i{color:#fff;line-height:33px}.slide-share{z-index:2;display:block;height:100%;left:38px;position:absolute;width:108px;margin:0}.slide-share p{font-family:Verdana;font-weight:400;border-left:1px solid rgba(255,255,255,.35);color:#fff;font-size:14px;left:0;position:absolute;text-align:center;top:10px;width:100%;margin:0}.button-share .slide-share{transition:all .4s ease-in-out}.facebook .fb_iframe_widget{display:block;position:absolute;right:5px;top:0;z-index:1}.twitter iframe{left:50px;top:10px;z-index:1;display:block;position:absolute}.google #___plusone_0{width:90px!important;top:10px;right:5px;position:absolute;display:block;z-index:1}.facebook .ikons,


This post first appeared on AR Blogger Lab, please read the originial post: here

Share the post

Installing Flat the Slide Share on Blog

×

Subscribe to Ar Blogger Lab

Get updates delivered right to your inbox!

Thank you for your subscription

×