Sliding Css Social Profile Widget for Blogger

In this postal service im  gonna explicate how to add together Css sliding social icons list  for blogger. By using Sliding Css Social Profile widget you lot tin link your social media profile Facebook, Twitter in addition to Rss Google plus,Rss in addition to StumbleUpon Check the present from below link.

Sliding Css Social Profile Widget

1. Log inwards to blogger trouble organisation human relationship in addition to Click driblet down.

 gonna explicate how to add together Css sliding social icons listing Sliding Css Social Profile Widget for Blogger

2. Now direct “Layout” Like Below.

3. Click Add Gadget in addition to select ‘HTML/Javascript

4. Paste below code.

<style> #socialmenu_btrix {    margin:0;    padding:0;    width: 30em;    height: 4.5em;    overflow:hidden;    }  #socialmenu_btrix li {    display:inline;    list-style-type:none;    }  #socialmenu_btrix li a {    display:block;    float:left;    text-decoration:none;    margin:0;    }  #socialmenu_btrix li a img {    opacity:0.7;    margin:0.5em;    border:0;    float:left;    }  #socialmenu_btrix li a bridge {    display:none;    }  #socialmenu_btrix li a:hover {    background:transparent;    }  #socialmenu_btrix li a:hover bridge {    width:7em;    color:#aaa;    display:block;    cursor:pointer;    float:left;    }  #socialmenu_btrix .h2 {    margin:0 5px;    padding:0;    color:#fc0;    font-variant:small-caps;    font-size:1em;    border:0;    }      </style>   <ul id="socialmenu_btrix">    <li>      <a href="https://www.facebook.com/bloggertrix"><img src="http://1.bp.blogspot.com/-4jtnfUcKGTs/UX3zAl1-YKI/AAAAAAAAAg0/OKrix7i3Z60/s1600/Facebook-icon_btrix.png" alt=" gonna explicate how to add together Css sliding social icons listing Sliding Css Social Profile Widget for Blogger" width="50" height="50" title="Sliding Css Social Profile Widget for Blogger" />       <span><br />        <b class="h2">Facebook</b><br />        Add to facebook       </span>      </a>     </li>     <li>      <a href="https://plus.google.com/107955298793879607964"><img src="http://3.bp.blogspot.com/-r2ZOj6CKteQ/UX3zAknXOMI/AAAAAAAAAgw/BbvKkmh1XPs/s1600/Google-plus-icon_btrix.png" alt=" gonna explicate how to add together Css sliding social icons listing Sliding Css Social Profile Widget for Blogger" width="50" height="50" title="Sliding Css Social Profile Widget for Blogger" />       <span>        <br />        <b class="h2">Twitter</b><br />        Add to twitter      </span>      </a>     </li>     <li>      <a href="http://feeds.feedburner.com/bloggertrix"><img src="http://4.bp.blogspot.com/-rPhGZVoCwWM/UX3zArv2-SI/AAAAAAAAAg4/E0Bc9YcNGGg/s1600/RSS-icon_btrix.png" alt=" gonna explicate how to add together Css sliding social icons listing Sliding Css Social Profile Widget for Blogger" width="50" height="50" title="Sliding Css Social Profile Widget for Blogger" />       <span><br />        <b class="h2">Rss Feed</b><br />          Subscribe      </span>      </a>     </li>     <li>      <a href="http://stumbleupon.com/Username"><img src="http://3.bp.blogspot.com/-kw_a3_BIjWM/UX3zBNxOoDI/AAAAAAAAAhA/iuGY6nncFSw/s1600/StumbleUpon-icon_btrix.png" alt=" gonna explicate how to add together Css sliding social icons listing Sliding Css Social Profile Widget for Blogger" width="50" height="50" title="Sliding Css Social Profile Widget for Blogger" />       <span><br />        <b class="h2">Stumbleupon </b><br />        add together to stumble      </span>      </a>     </li>      <li>      <a href="https://twitter.com/bloggertrix">       <img src="http://1.bp.blogspot.com/-WeWbdij6AL4/UX3zBfWhwWI/AAAAAAAAAhE/ooow8EsfxnA/s1600/Twitter-icon_btrix.png" alt=" gonna explicate how to add together Css sliding social icons listing Sliding Css Social Profile Widget for Blogger" width="50" height="50" title="Sliding Css Social Profile Widget for Blogger" />       <span><br />        <b class="h2">Twitter</b><br />        add together to twitter      </span>      </a>     </li>    </ul>    

You accept to alter the counters manually, simply alter reddish color give away according to profile.

Replace bloggertrix amongst your Feedburner ID
Replace bloggertrix amongst your Facebook username
Replace bloggertrix amongst your Twitter Username
Replace 107955298793879607964 amongst your Google addition ID
Replace Username amongst your StumbleUpon Username

5. Now salve your HTML/Javascript’.You are done.
Hope this Sliding Css Social Profile helps to link your social profiles to increase followers.
Sumber http://www.bloggertrix.com/