How to create the share button to your social networks to slide along Blogspot (sticky sidebar)

     For those who currently own web / blog, share tools on social networking like tweet, facebook, G+ ... indispensable, it can help readers to share articles to increase visitors for web/blog.

   To add this tool, you do the following:

      Step 1: You are logged in to Blogger, select Layout. In the Layout page, click Add in the widget sidebar gadget, a new window pops up select HTML / Javascript.

      Step 2: Paste the following code in: (seclect All --> Ctrl + A)

<style>/* Fixed Positioned AddThis Toolbox */ .sharing_box_namkna { position: fixed; top: 10%; right: 0; border: 3px solid #00EE00; padding: 5px 5px 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #F0FFFF; width: 60px; min-height: 345px; } .sharing_box_namkna .item { width: 50px; margin: 5px 0 5px 0; } .twitter_float iframe { width:55px!important; } </style><!-- SHARING BOX Fixed-Positioned Toolbox --><div class='sharing_box_namkna'><div style='text-align:center; margin-top:5px'><img alt='Share Emphasis' height='46px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhRnXftaooEZiLWsUCsFirBGgOyJ3d72bLrGbUlkM8i-RpgV8u9NFF36QkbhCCY_1JeFg0n0SzOpk9Y0p9PCTFo4Sg5gApNpeaRffMH8CVsNP-oxKEjjBjjxVuT7p83IJdEwb5tXctWS6t/s1600/obtenir-par-poste-icone-5533-48-+-namkna-blogspot-com.png' width='56px'/></div><!-- TWITTER --><div class='item twitter_float' style='margin-left:3px'><a class='twitter-share-button' data-count='vertical' data-lang='en' href='https://twitter.com/share'>Tweet</a></div><!-- FACEBOOK --><div class='item' style='margin-left:3px'><div class='fb-like' data-font='verdana' data-layout='box_count' data-send='false' data-show-faces='true' data-width='44'></div><div id='fb-root'></div></div><!-- G+ --><div class='item' style='margin-left:5px'><!-- Place this tag where you want the +1 button to render --><g:plusone size='tall'></g:plusone></div><!-- OTHERSHARE --><div class='item' style='margin-left:5px'><!-- AddThis Button BEGIN --><div class='addthis_toolbox addthis_default_style '><a class='addthis_counter'></a></div><!-- AddThis Button END --></div></div><!-- FAST SHARING SCRIPT --><!-- TWITTER SCRIPT --><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><!-- G+ SCRIPT --><!-- Place this render call where appropriate --><script type='text/javascript'>gapi.plusone.go();</script><!-- STUMBLEUPON SCRIPT --><!-- Place this snippet wherever appropriate --><script type='text/javascript'> (function() { var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true; li.src = 'https://platform.stumbleupon.com/1/widgets.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s); })(); </script><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f660fb932fd0f15"></script><!-- AddThis Button END -->

     Step 3: Save widget
     Step 4:  Go to Dashboard > Template> Edit HTML

     Step 5 : Find </ head>, add the code below before the </ head> (Select All and Ctrl +C):

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>

     Step 6: Save Template and view results.