Add Facebook Like and Twitter Tweet Count Box Blogger Sharing Widget

Social sharing blogger widget's are the most essential plugins for each and every blogger’s. Simply because, it can help you to get plenty of traffics from social network sites. If you can get many visitors through different social networking sites your blog will get more popular. We all know that natural and organic website visitors is vital for our website.we can easily do Search Engine Optimization(SEO) in social media to get organic traffic. However, don't miss out on web 2.0 option. Because it has become the best for getting targeted audience and effective subscribers. So now we are going add the two major social networking sites Facebook,Twitter count box to blogger.

Features Of Facebook Facebook Like and Twitter Tweet Count Box

1.Easy to share the page.
2.Good for SEO.
3.Get Backlinks.
4.Loads faster.
5.Nice and elegant attract visitors to like and tweet your post.

                                                    See Live Demo

How To Add Facebook Like and Twitter Tweet Count Box Blogger Sharing Widget

1.Go to Blogger Layout.
2.Now choose your top most Add a Gadget above the post on your blogger template layout.
3.Add a HTML/JavaScript.
4..Copy and paste the below code inside the HTML/JavaScript.

<style>
/* Like and Tweet Blogger widget By www.softechnogeek.com*/
.share-buttons li { list-style: none; float: left; padding-right: 

20px; padding-bottom: 10px; } .sharetitle { float: left; font-size: 

51px; font-weight: 900; text-transform: uppercase; line-height: 60px;

 padding-right: 10px; color: #bf0100; } .sharetitle2 { float: left; margin-left: 

-112px; margin-top: 50px; font-size: 20px; text-transform: uppercase; font-weight: 

900; Color: #8a8c8e; } .sharetitle3 img { float: left; padding-right: 20px; padding-

left

: 10px; padding-top: 5px; } .share-buttons { padding-top: 20px; }
</style>
<div class='share-buttons'>
<div class='sharetitle'>Like</div>
<div class='sharetitle2'>and Tweet</div><div class='sharetitle3'><img src='

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuSiiu1BPJzNoxmM7Q7yFucf-OS_rXTy0jWGKOHnwgk5-_3Pg-a5Qhkvzix2BmUuPB2cJvrfjF4A8eMVVBplbO6Ju1RZdGr8kFxMEF_AMhbWjDNy5I8EqjkSkc8Kph29hhv4BLY2L-faJx/

s1600/racka1.png'/></div>
<li><a class='twitter-share-button' data-count='vertical' data-related='' 

data-text='Commodo Vestibulum Commodo Vestibulum Totommodo' data-url='http://

geeksgadgettheme.blogspot.in/2013/03/commodo-vestibulum-commodo-vestibulum.html'

 data-via='mybloggerlab' href='http://twitter.com/share'>Tweet</a></li>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
<li><iframe allowtransparency='true' frameborder='0' scrolling='no' src='

http://www.facebook.com/plugins/like.php?href=http://geeksgadgettheme.blogspot.com/

2013/03/commodo-vestibulum-commodo-vestibulum.html&send=false&layout=box_count&show_

faces=false&width=55&action=like&font=arial&colorscheme=light&height=62' style='border

:none; overflow:hidden; width:55px; height:62px;'></iframe></li></div>
<div style='clear: both;'></div>

5.Save it to see the changes.
Let us know if you need any customization in the comments below.