Add Styled Share Widget

A lot of people promote their blog in many search engine. Actually we can get may traffic in our blog without submit our blog to search engine. We can use social networking like facebook, twitter, etc. So you can use facebook or twitter for blog promotion. I have a sharing widget, this sharing widget can accelerate the promotion of your blog on social networking. So if you wan tto try this trick, just follow the steps below :

1. Log in to your blogger account

2. Go to Design>>>Page Elements>>>Add Gadget

3. Choose HTML/Java Script, and then copy and paste the code below 

<style type="text/css"> #sharedock { position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 999; } #dock { position: relative; bottom: 0; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; } .dock-container { position: relative; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqY_oc0HIez44N5fkj05MrOjzOpsTSU1mfqFDH_Hyfsxo9DbtyiFqKIfkeNIDvBNgwJSwVEmF8LluYQPX3WCytw2D1yGmS6Kk2iWxUkyQE4NgKEh0nEUU3of9OM6JGjNKNMl-0hyphenhyphenvApMA/) no-repeat bottom center; height: 50px; padding: 20px 0 20px 0; } .dock-container .custom_images a { display: block; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; cursor: pointer; } .dock-container .custom_images span { background: rgba(0,0,0,.75); display: none; padding: 2px 8px; margin-left: 17px; font-size: 11px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .dock-container .custom_images img { border: 0; margin: 5px 0px 10px 0px; width: 100%; } </style><br /> <br /> <div id="sharedock"> <div id="dock"> <div class="dock-container"><br /> <div class="addthis_toolbox"><br /> <div class="custom_images"><br /> <a class="addthis_button_facebook"><span>Facebook</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_facebook.png" alt="Share to Facebook" /></a><br /> <a class="addthis_button_twitter"><span>Twitter</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_twitter.png" alt="Share to Twitter" /></a><br /> <a class="addthis_button_myspace"><span>MySpace</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_myspace.png" alt="Share to MySpace" /></a><br /> <a class="addthis_button_stumbleupon"><span>Stumble</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_stumbleupon.png" alt="Stumble It" /></a><br /> <a class="addthis_button_reddit"><span>Reddit</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_reddit.png" alt="Share to Reddit" /></a><br /> <a class="addthis_button_delicious"><span>Delicious</span><img src="http://addthis.com/cms-content/images/gallery/aquaticus_delicious.png" alt="Share to Delicious" /></a><br /> <a class="addthis_button_more"><span>More...</span><img src="http://addthis.com/cms-content/images/gallery/addthis_64.png" alt="More..." /></a><br /> </div> </div> </div> </div> </div><br /> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script><br /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><br /> <script type="text/javascript" src="http://addthis.com//cms-content/images/gallery/fisheye-iutil.min.js"></script><br /> <script type="text/javascript"> $(function () { // Dock initialize $('#dock').Fisheye( { maxWidth: 30, items: 'a', itemsText: 'span', container: '.dock-container', itemWidth: 50, proximity: 60, alignment : 'left', valign: 'bottom', halign : 'center' } ); }); </script>

4. Save and then check your blog!