Unordered List

Thursday, March 7, 2013

Add Beautiful Square Social Sharing Widget to Your Blogger

  Hi, friends Do you want to see a stylish social sharing widget. Friend, Now i share a simple and beautiful social sharing widget for your blogger. It  make a good feel and it make with simple gradients. If you want to add this on your blogger. Follow this post and  make it..
beautiful square social sharing widget for blogger(techtoones.blogspot.com)

Log in to your blogger account.
  • Select Layout option.

  • Click on Add gadgets

  • Select HTML/Javascript from list.

  • Copy below code and paste in HTML/Javascript box.


<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"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/facebook_zps17e8a317.png" /></a>
<a class="social-icons" href="https://twitter.com/"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/twitter_zpsad21acd1.png" /></a>
<a class="social-icons" href="https://stumbleupon.com"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/stumbleupon_zpsb5c9fe2f.png" /></a>
<a class="social-icons" href="http://www.feedburner.com"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/rss_zps237db27e.png" /></a>
<a class="social-icons" href="http://flicker.com"><img src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/flickr_zps538aca1b.png" /></a>

  • Save it.


Leave a comment ….. if this widget is not working…………………………..

0 comments:

Post a Comment