Amazing Social sharing widget for blogger

Social Media sites like facebook,Google+ and twitter are considered as the great resource of free and targeted traffic in easily.So let's see how to add this Widget to Blogger.



For Adding this Social Widget follow the below easy Some Steps.

1 .First Copy this follwing Codes



Ad


<style>
#BT_social {width: 260px;margin: 5px 20px;padding:5px;}#BT_social li {cursor: pointer;height: 48px;position: relative;list-style-type: none;}#BT_social .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvnezl2K2BXtds074tqri8AGBQlD-0q8J3VDHl-N3Kd-ChOKaOOP9MRb0t7eVXzlG2RfOSHNBIZLCfZzggnpjANJZTOvE-rLvfLnJkJ_KTnoMVchtm_YEZqlFKXbE7Zk75NK8Yx0KR8mc/s1600/Social_Button.png') 0 0 no-repeat;background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;color: #0033CC;float:none;height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: left;text-indent: 90px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none;}
#BT_social span:hover {visibility: hidden;}
#BT_social span {display: block;top: 15px;position: absolute;left: 90px;}
#BT_social .icon {color: #fafafa;overflow: hidden;}
#BT_social .fb {background-color: rgba(45, 118, 185, .42);background-position: 0 -190px;}
#BT_social .twit {background-color: rgba(0, 161, 223, .42);background-position: 0 -238px;}
#BT_social .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -286px;}
#BT_social .rss {background-color: rgba(204, 0, 0, .42);background-position: 0 -333px;}
#BT_social li:hover .icon {width: 250px;}
#BT_social li:hover .icon {background-color: #d91e76;}
#BT_social li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}
#BT_social li:hover .twit {background-color: #00A1DF;background-position: 0 -46px;}
#BT_social li:hover .google {background-color: #A70000;background-position: 0 -94px;}
#BT_social li:hover .rss {background-color: #EC5601;background-position: 0 -142px;}
#BT_social .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}
</style>

<br />
<ul id="BT_social">
<li><a class="icon fb" href=" your facebook url ">Like us on Facebook</a>Like us on Facebook </li>
<li><a class="icon twit" href="Your twitter url ">Follow us on Twitter</a>Follow us on Twitter </li>
<li><a class="icon google" href="Your Google+ url">Follow us on Google+</a>Follow us on Google+ </li>
<li><a class="icon rss" href="your feedburner url ">Subscribe via RSS</a>Subscribe via RSS </li>
</ul>


2.  Then go to your Blogger Account.

3. Log in your blogger Account and go to layout in your blog.

4. Now click on add a gadget then select a html/javascript. 

5. Paste the code you had generated and click on save button. 

6. Now save the arrangement and you are done with your Google badge.

Note:

Before Pasting the Code to HTML/JavaScript Box , make the below changes in the above script.

1.Change "your facebook url" in the Code to your Facebook Page User Name.
2. Change "your twitter url " to your twitter Account User Name
3. Change YourG+ID to yout Google Plus ID
4. For RSS change "your feed burner id/username" to your Feed-burner ID/username
5. And at last just save HTML/JavaScript and enjoy .

--> 

Incoming Search items

• social sahring widget for blogger
• blogger social sharing widget free
• free social sharing widget 
• widget social sahring sites for blogger
• famous social sahring widget for blogeer2013