Colorful Hover Style Social Media Widget for Blogger

In this tutorial im gonna explicate how to add together Smooth Colorful social media widget for blogger. By  using Colorful social media widget  you lot tin destination link your social media profile Facebook, Twitter StumbleUpon as well as linkedin IDs.Hope this smoothen upshot widget helps to growth followers. Check the exhibit from below link.

 In this tutorial im gonna explicate how to add together Smooth Colorful social media widget for weblog Colorful Hover Style Social Media Widget for Blogger

You may similar these tutorials

    Smooth Sliding Social Media Widget
    Extracting Hover Style Social Media Widget
    Attractive Social Media Widget
    Sliding Css Social Profile Widget

How to Add Colorful Hover Style Social Media Widget

1. Log inwards to blogger trouble organisation human relationship as well as Click driblet down.

 In this tutorial im gonna explicate how to add together Smooth Colorful social media widget for weblog Colorful Hover Style Social Media Widget for Blogger

2. Now conduct “Layout” Like Below.

3. Click Add Gadget as well as select ‘HTML/Javascript

4. Paste  below code.

<style> a.btrix1_twitter {background-image:url(http://1.bp.blogspot.com/-nPqEydZDdeA/UcAezddCQCI/AAAAAAAAAnw/bG1hSNShD6U/s1600/btrix_twitter.jpg);     background-position:0 0px;     width:255px;     height:51px;     text-indent:-9999px;     display:block;     background-repeat: no-repeat;     border:0px;     float:left;} a.btrix1_facebook {background-image:url(http://3.bp.blogspot.com/-BfoVIcAxk8g/UcAezEdK81I/AAAAAAAAAno/eRt7cUZRf5w/s1600/btrix_facebook.jpg);     background-position:0 0px;     width:255px;     height:51px;     text-indent:-9999px;     display:block;     background-repeat: no-repeat;         border:0px;         float:left;} a.btrix1_linkedin {background-image:url(http://4.bp.blogspot.com/-nbSKR0YP5eY/UcAezIXXezI/AAAAAAAAAng/kxmuzD93CbM/s1600/btrix_linkedin.jpg);     background-position:0 0px;     width:255px;     height:51px;     text-indent:-9999px;     display:block;     background-repeat: no-repeat;         border:0px;         float:left; } a.btrix1_stumbleupon {   background-image:url(http://3.bp.blogspot.com/-VzVMyW0XsG4/UcAey2XWQhI/AAAAAAAAAnc/axMtkzfK07M/s1600/btrix_stumbleupon.jpg);     background-position:0 0px;     width:255px;     height:50px;     text-indent:-9999px;     display:block;     background-repeat: no-repeat;         border:0px;         float:left; } .btrix11social a:hover {     background-position:0 -51px; } .btrix11social {     width:255px; } </style>  <br /> <div class="textwidget"> <div class="btrix11social"> <a class="btrix1_linkedin" href="http://in.linkedin.com/Username" target="_blank">linkedin</a> <a class="btrix1_stumbleupon" href="http://www.stumbleupon.com/bloggertrix" target="_blank">stumbleupon</a> <a class="btrix1_twitter" href="http://twitter.com/bloggertrix" target="_blank">twitter</a> <a class="btrix1_facebook" href="http://www.facebook.com/bloggertrix" target="_blank">facebook</a> </div> </div> 

Replace bloggertrix alongside your Facebook username
Replace bloggertrix alongside your Twitter Username
Replace Username alongside your stumble username
Replace Username with your Feedburner ID

5. Now relieve your HTML/Javascript’. You are done.

If you lot necessitate whatsoever attention regarding Colorful Hover Style Social Media Widget tutorial.just instruct out comment. I volition attention you.
Sumber http://www.bloggertrix.com/