Blue Square Social Media Widget For Blogger
In this post im gonna explain how to add blue square social sharing buttons for your blog. This is just widget. you can add it to your blog easily. I just using Css with HTML
2. Click Add Gadget and select 'HTML/Javascript
3. Now Paste Below code.
<style>
/* Social Icons
----------------------------------------------- */
a.social-icons {
margin-right: 5px; /*Adjust This Value As Needed*/
height:45px;
width:45px;
}
a.social-icons:hover {
opacity: .7;
filter:alpha(opacity=70); /* For IE8 and earlier */
} height:45px;
width:45px;
</style>
<a class="social-icons" href="https://facebook.com/k7tips.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUpi8RgcKjDmQBjCrNY77AFYeuP0yW8QZZNVygkHQgbOUZ7xO9m0wrHHJwitIyENmz6moEKflhAcFQbjbowVo4NW_wGwqYx_7J4AAIBeFkBZLV-C43Nw1zI9B1pxOXU5OS3y_cGYbYJ4lj/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/k7tips.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2mof-2gcLckV_mLT7d1eyvWNxZDQVrZUzISkCtn3lLY4il0gjH8xXLu4FUW4rjAC8aEjuU3tTlvusArda2osWJUWFcPDZfhOJKkwPA0BLYdT4QhsgJmegydEU4l3E9X8S5xQAC7vslWEY/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/k7tips.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4EewBnrOEcMaCmxtr-XbG2CGWXAoWnPpnHnNiBZgeepsAnfmmsYcMhfSwGZvo9sEn8sO4iP01OEVNKqC-CjbstQ2kLOSTH84iS1Ok1OtUJIY10c9fNLozDUQyl2z3f7759Mj8ly9FIv0k/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/k7tips.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFd4_7LdT6U9nBhIujm3HfZOTDvd2DQUFEpTv7-F9Z8RnImLG12-VVyI1konSeryQDNmGjehQT5RhoUBSoEOWI1x8hlfnksWxR3shWFZ6w7DnKl9WbM7h8BQnD7l8plKJNZaOciQOBOIaf/s1600/Bloggertrix-Rss.png" /></a>
<a class="social-icons" href="http://pinterest.com/k7tips.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5SI51ddJI5E4aYp-SnzC7ogkaCx7IwmMigv3PvcwUR-jTd2RHqIGCkP6AhRgGsq04aMzu5tZcSamXHWWx6v8hGQXsUQ7nR1St4_hcn90c9rWsTmKD1HcVUyn-MoZXxvfBILVhanGBCEL/s1600/Bloggertrix-pinterest.png" /></a>After paste above code
*Replace k7tips.blogspot.com with your facebook username
*Replacek7tips.blogspot.com with your twitter Username
*Replacek7tips.blogspot.com with Googleplus
*Replace k7tips.blogspot.com with feedburner username
*Replace k7tips.blogspot.com wit pinterest username
4. Now save your HTML/Javascript'.
You are done........
Bye
0 comments: