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.
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.
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 .
-->
- 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
thanx for this post
ReplyDeleteVery Interesting blog. Thanks for sharing us. Keep it up... Visit our Top SEO Bookmarking sites list….……Submityourwebsite.xyz
ReplyDeleteAddlinks.xyz
Addwebsite.xyz
Addyourwebsite.xyz
Freelinking.xyz
Freesubmission.xyz
Freeurl.xyz
Freeurls.xyz
Freewebsitesubmission.xyz
Linkyourwebsite.xyz
Postwebsite.xyz
Publishednews.xyz
Seosubmission.xyz
Submitanewstory.xyz
Submitbookmark.xyz
Submitlinks.xyz
Submitnewlink.xyz
Submitnewlinks.xyz
Submitwebsites.xyz
Websitelinking.xyz
Postclassifieds.xyz
Postfreead.xyz
Postfreeclassifiedads.xyz
kannada tv actress escorts
ReplyDeletecelebrity escort
escorts in dubai
dubai escort
dubai independent escorts