1. Log in to blogger account and Click drop down.

2. Now select "Template"

3. Now you can see Live on blog, Click EDIT HTML Button"

4. Now click Proceed button.
   
5. Find this tag by using Ctrl+F    ]]></b:skin>

6. Paste below code Before ]]></b:skin> tag

/* The CSS Code for the menu starts here bloggertrix.com */

div#socialbox, div#socialbox ul, div#socialbox ul li, div#socialbox ul li p, div#socialbox ul li p img, div#socialbox ul li p span, #socialbox ul li p a{
background: none;border: none;margin: 0;padding: 0;}

div#socialbox{
color: #768a96;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
width:300px;}

div#socialbox ul{
background: url() repeat;
border: 1px solid #d8dcdf !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 2px 4px #dfe4e7;
-moz-box-shadow: 0px 2px 4px #dfe4e7;
box-shadow: 0px 2px 4px #dfe4e7;
list-style: none;
margin: 0 !important;
padding: 0;}
    
div#socialbox ul li{
background-image: none;
border-bottom: 1px solid #d8dcdf;
height: 59px;
list-style: none;}
    
div#socialbox ul li:last-child{
border-bottom: none;}
        
div#socialbox ul li p{
padding: 19px 9px 0 9px;}
        
div#socialbox ul li p img{
border: none;
margin-right: 10px;
position: relative;
top: 3px;
vertical-align: baseline;}
            
div#socialbox ul li p span{
color: #425763;
font-weight: bold;}
                
div#socialbox ul li p a.socialbox-button{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg9_WscsLoqlUC9wnX0Dh_t47-bDBItWt66Ugg9hnymQDGSiHbuZFluCaeGeiUxQ-EK4MzrkO1Xw8YH32WIazrV4g0GDXA0wxuSVzvXHiYFM-j2gXcPaEetfR0XuYiLpsSBDNKv_av2Ng/s1600/bloggertrix-button.png) no-repeat;
border: 1px solid #d8dcdf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #425763;
float: right;
font-size: 11px;
font-weight: bold;
line-height: 11px;
padding: 6px 10px;
position: relative;
text-decoration: none;
text-transform: uppercase;
top: -2px;}
                
div#socialbox ul li p a.socialbox-button:hover{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg9_WscsLoqlUC9wnX0Dh_t47-bDBItWt66Ugg9hnymQDGSiHbuZFluCaeGeiUxQ-EK4MzrkO1Xw8YH32WIazrV4g0GDXA0wxuSVzvXHiYFM-j2gXcPaEetfR0XuYiLpsSBDNKv_av2Ng/s1600/bloggertrix-button.png) 0 -27px no-repeat;}
                
div#socialbox ul li p a.socialbox-button:active{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg9_WscsLoqlUC9wnX0Dh_t47-bDBItWt66Ugg9hnymQDGSiHbuZFluCaeGeiUxQ-EK4MzrkO1Xw8YH32WIazrV4g0GDXA0wxuSVzvXHiYFM-j2gXcPaEetfR0XuYiLpsSBDNKv_av2Ng/s1600/bloggertrix-button.png) 0 -54px no-repeat;}

7. Go to blogger and click Layout

8. Click Add Gadget and select 'HTML/Javascript

9. Paste below code.

<br />
<div id="socialbox">
<ul>
<li><p>
<a href="http://www.facebook.com/antisite2" target="_blank" title="Like on Facebook"><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfUVxnyF4Qo_mOUPAeXZ-do4fZ9sbT55U5gmk1oqyPLIDgzKIto6PNQv_Z-06QBDMxiRt7lNmwnZDz_ElhuubXL3WsqZgx08ZymiV_-ud6Gkz7xDaDFimAhtfGXQe6k6LdgEMOG59NtZk/s1600/bloggertrix-facebook.png" /></a>2,482 Fans                                    
<a class="socialbox-button" href="http://www.facebook.com/antisite2" target="_blank" title="Like on Facebook">Like</a></p>
<br /></li>

<li><p><a href="http://twitter.com/antisite2" target="_blank" title="Follow on Twitter"><img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHfE1tTcpGI-j-_7oK3Q7Id1XMtbByOuXIp6ZC16B4YBn01mITLIXAQJI-JxtvQDJXylzG_Kklka4UraO4NYxmtpv7IZN9twPvlqbKEL0iKhmFiumgSEgtW-CxaXGniAJARBHrnxUh7PE/s1600/bloggertrix-twitter.png" /></a>5,365 Followers                                    
<a class="socialbox-button" href="http://twitter.com/antisite2" target="_blank" title="Follow on Twitter">Follow</a>
<br /></p></li>

<li><p><a href="http://feeds.feedburner.com/antisite2" target="_blank" title="Subscribe to Feed"><img alt="Feedburner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaFJeMfHuM2YcFp1sgJUFQ1QFTdPb9MMraVCFUoxeLTioiiqx698Xx87Epbmhi9rcRxqJUe2MFMKReOYrtiUT9k5ubQTmA-lNq1i__oXVc9_hB1V-cAXUKDEXbP0z9wzcfRQZJlQlv3Cc/s1600/bloggertrix-feedburner.png" /></a>1,094 Subscribers                                    
<a class="socialbox-button" href="http://feeds.feedburner.com/antisite2" target="_blank" title="Subscribe to Feed">Subscribe</a>
<br /></p></li>
</ul>
</div>

Replace antisite2 with your usernames.

10. Now save your HTML/Javascript'.

How to add Description and Keyword metatags to Blogger blogs?

If you are a webmaster or site creator, you have to make sure that the site content reaches your target audience. One way of doing that is by carefully assigning title tags as well as meta descriptions and keywords to your web pages. Meta description tags also improve the chances of your site being found and clicked on in the SERPs.
Though Blogger is a Google product, blogs hosted on blogger do not have support for meta descriptions and keywords by default. If you have ever tried adding keywords or description meta tags to your Blogger pages, you might have seen that there is no easy way of implementing that. Here is a workaround to make changes to your blogger template in order to add description and keyword metatags of your choice to your blogger top page as well as to your posts.
In the Layout panel of your blog, click on Edit HTML.
Click on Download Full Template and save a backup copy of your template. This will come in handy to undo any changes in case the changes do not work as expected
Look for the following code in the template

Add the following code immediately after the code in step #3.

Replace the http://myurl.blogspot.com/ line with the URL of your blog top page.
Replace the word MY DESCRIPTION with a description for your blog top page.
Replace the word MY KEYWORDS with a list of keywords separated by commas, relevant to your blog top page.
You would need to to follow the steps 4 to 7 – for adding corresponding URL’s, descriptions and keywordsfor for all the individual posts from your blog. For example, if your first article is about your visit to New York, you’ll need to as follows.
Add this code again immediately after the
<b:include data=”blog” name=”all-head-content” /> line:
Replace the http://myurl.blogspot.com/ line with http://myurl.blogspot.com/my_visit to_newyork.html.
Replace the word MY DESCRIPTION with description of your visit to New York.
Replace the word MY KEYWORDS with keywords such new york, business visit, usa visit etc.
Please ensure that all the individual posts have titles and descriptions matching the page content. This will help you from preventing your posts to go in Google Sandbox.