Social Media Share Widget
First, go to Layout>Add A Gadget>Add HTML
In the HTML box, copy what is below. Remember, you will have to take my info out and put yours in. It will be highlighted in Red.
This is assuming you use Feedburner.
Copy below, then paste into an HTML Gadget. Then click Save. Then go back in and change my information to your information. Then Save again.
<style type="text/css">
#search{width:268px; border:1px solid #E0DFD9;margin: 0 0 0 0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6xuNZjzJokC8RAtZnqLlM8FZzzJkoguydBpqgKyFY4q9_snpDr-4ac-XZlFKe4QvBCj1kFWBxpqyEPdnVhAxlsD_BL-62m3r-G7rmkCMDVqiIuyaxSMNkzQ7__h7Rd0wGwyReP-_1vWA/s1600/search-bgg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden}
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px}
#search-wrap{padding:15px 0}
.topsearch #search{margin-top:0;margin-bottom:10px}
.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}
</style>
<div class='topsearch'>
<div class='clerfix' id='search'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search here...";}' onfocus='if (this.value == "Search here...") {this.value = ""}' type='text' value='Search here...'/>
<input class='search-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYd7paee0FgF4TS_TDcchhWcquDqm7Zb075JVxOU1sTEvLFC_1g5DMfpRk4GNj6URDjqiLL8sMoRU5kLckvEBHaIGAFlRCDkaGYk6IkZGNhaM0oQo7k0ER2qRlkXEiVsqVrK2KNZLF4f4/s1600/searchico.png' title='Search' type='image'/>
</form> </div> </div> <div style='clear:both;'/>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioj7SRJdUgbQWclxBXLtFO7YfPAToeNCVfgKvoQuNhiw0Dl6SOBLOPm7UMNYmaBvNh3OCyDIHElvfhIBrgoWwhfM6KY85ehQ5u3AmEFco1dgc09wGpKfiDVlWHG1c3ckUj2RcREBRBEGI/s1600/social-rss-box-orange-icon.png' title='RSS Feed'/><div class='Widget_text' style='margin-left:45px;margin-top:-30px;margin-bottom:10px;'>
<a expr:href='data:blog.homepageUrl "feeds/posts/default"'>Subscribe to our RSS Feeds!</a> </div>
</div> <div class='social-connect-widget' style='margin-bottom:10px;'>
<img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfE8eFvup6G7XdPgy_ARvVZNLkkYGCrrVbsJ80u0XpvySoGP1NcPzGUpCUvotBVJntysYDkolwJblI2MX2CSvqWfOPEcKbDc0b9M4NMPy1zu05N1XzyV1hqRykcMHKa3KU11tciZ7czZo/s1600/social-twitter-box-blue-icon.png' title='Follow Us on Twitter!'/>
<div class='Widget_text' style='margin-left:45px;margin-top:-30px;margin-bottom:10px;'>
<a href='http://twitter.com/USERNAME'>
Follow Us on Twitter!</a>
</div></div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLSKptCSmxsUgVzoLW4xPbyx2-mDXg9Ef5tCkE5zIEyzDdowfrw5SsBryjj7Wf1s2keWDdrQm0fJzna5WaYvQlUNN3IYm9nHhQ1msnTUqYTgpAYom6XlG4Q4PMvgXkS-ksstyhhHE7uYE/s1600/social-facebook-box-blue-icon.png' title='Be Our Fan'/>
<div class='Widget_text' style='margin-left:45px;margin-top:-30px;margin-bottom:-10px;'>
<a href='http://facebook.com/USERNAME'> Follow us on Facebook! </a></div><a href='http://www.bloggertrix.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYroakTpo_7Hly2SP_vQt7XKTfg9Sv6lL9hZp8UAATMcXhBybb5bkUN6ZDk4yHqDe0C0bpb-UTzR8VxF9ozEm3A8_jRzRFdzhBEzNdkZm2RzEQI1ojLwvP6boq8hvGN52zMdv3EEgjdTQ/s1600/image.png' target='_blank'/></a></div></div>
I'm pretty certain I caught all of my code, but after looking at it for so long, you kind of get cross-eyed!
Below is the specific link to the tutorial. So if you have trouble with mine, you might go over and read theirs to see if it is simpler or more clear to you.
That's it!
