Add Stylish Social Media Share Buttons in Your Blog

Social Share Buttons are important in every blog because it helps your blog posts to be shared on Social media and it also increase your blog's ranking. Now the point is that how to add these social media buttons to your blog because the default social media buttons look so dull. So in this tutorial i will show you how to add stylish social media buttons.

• First login into your blogger accout.
• select your desired blog.
• Now from the dashboard select layout and then press 'Edit Post'.
• First uncheck the Blogger default social buttons as shown in fig.

Now open 'Template' from 'Blogger Dashboard' and select 'Edit HTML.
Now search the below piece of code by pressing CTRL+F.
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
you may find this twice in your template but use second one.
Now just below the above code paste this code.

<div id='under-wrapper'>
<div style='text-align: left;margin:0 auto; padding:5px 0;width:100%;'>
<div style='float:left;padding:1px;margin-right:15px;font:normal 16px Arial;color:#21759b;'>
<strong>Share this article</strong> :
</div>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4fea027b6493fe59' type='text/javascript'/>
<!-- AddThis Button END -->
</div>
</div>

thats it save your template.
Now here we will use a little bit css for social media share buttons alignment.
So Click 'Customize Option' and select 'Add Css' Option and paste the below code.

#under-wrapper {
padding:23px;
}

You can change padding according to your requirement.
You are done! Save your template.