Add Still Social Share Buttons with counter to Blogger

So here is the cool tutorial to add some still social share buttons with counters to your blogger blog which is quite easy to add. So befor...

So here is the cool tutorial to add some still social share buttons with counters to your blogger blog which is quite easy to add. So before you know the way to add or create the social buttons for your blog we telling you that way social sharing is necessary for your blog.

Add Still Social Share Buttons with counter to Blogger


why social share is necessary for you site or blog

 Social share or likes or dislikes are most important to know the real work of your article or site, if someone like your page its mean this one is useful and this is much counted in seo. So here i am asking you that adding the social point to your site is much much prefered by search engine like google.

   1.  Go to blogger dashboard then template
   2.  Click on Edit HTML button
   3.  Now click on Proceed
   4.  Now check the box of Expend Widget Templates



  • [message]
    • 5. Search this line                     <b:includable id='post' var='post'>


   6. Now just blow this line post the following code.

[<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><style>.mbt_social_floating{     position:fixed; bottom:10%; margin-left:-60px; float:left;     width:60px;     background-color:#f7f7f7;     padding: 5px 0 0px 0px;      border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; z-index:9999px !important; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; } .mbt_social_floating .mbt_side_social_button{     margin-bottom:5px;     float:none;     height:auto;     width:60px; } .mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{     margin-left:5px; } .mbt_social_floating .st_fblike_vcount{     margin-left:5px; } .mbt_social_floating .stButton_gradient{     background:none !important;     height:21px !important;     padding-left:0 !important; } .mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {     background:url('http://1.bp.blogspot.com/-r3RYZkB4Pis/T7alrxNFYyI/AAAAAAAAGc4/TCBwHNxEwR4/s400/gc_social_sprite.gif') no-repeat !important;     height:19px !important;     width:45px !important;     padding:0 !important; } .st_email .chicklets{     background-position:0 -77px !important;     background-image:url('http://1.bp.blogspot.com/-r3RYZkB4Pis/T7alrxNFYyI/AAAAAAAAGc4/TCBwHNxEwR4/s400/gc_social_sprite.gif') !important; } .mbt_social_floating .st_twitter_vcount .st-twitter-counter{     background-position:0 -58px !important; } .mbt_social_floating  .stButton_gradient{     border:none !important; } .mbt_social_floating .stBubble_count{     width:44px !important;     font-size: 15px !important;     font-weight: normal !important;     padding-top:7px !important;     height:23px !important;     background:none !important; } .mbt_social_floating .st_twitter_vcount .stBubble_count{     color:#00a6df;     background-color:#f8fbfc !important; }  .st_fblike_vcount{     margin-bottom: 0px;     display: block; } .st_twitter_vcount{     margin-bottom: 3px;     display: block; }  .st_email{     margin-bottom: 5px; margin-top: 3px;     display: block; } .mbt_social_floating .stBubble{     background-position: 21px 31px !important;     height:35px !important; }.mbt_social_floating .st_pinterest_vcount{     margin-left:5px; } .mbt_social_floating .st_pinterest_vcount .st-pinterest-counter{     background-position:0 -19px !important; } .mbt_social_floating .st_pinterest_vcount .stBubble_count{     color:#FF0505;     background-color:#fbf8f8 !important; }  .mbt_social_floating .st_pinterest_vcount .stBubble{     background-image:url('http://1.bp.blogspot.com/-meqDjtBStCA/ULFkqTG88qI/AAAAAAAAIGs/hjCRAqGL270/s400/bubble_arrow_pinterest.png') !important; }   .st_pinterest_vcount{     margin-bottom: 0px;     display: block; }  </style> <div class='mbt_social_floating'>
    <script type='text/javascript'>var switchTo5x=true;</script>    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>    <script type='text/javascript'>stLight.options({onhover:false, , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>    <!-- No more works properly so removing it from mbt list<span class='st_fblike_vcount' displaytext=''/>--><div style='margin:0px 0 0px 10px;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></div>
<span class='st_twitter_vcount' displaytext='' st_via='letdld'/><span class='st_pinterest_vcount' displaytext=''/><div style='margin:0px 0 0 5px;'>
    <span class='st_plusone_vcount' displaytext=''/></div>
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/></div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/><script type='text/javascript'>var addthis_config = {      ui_cobrand: & ]
  • [message]
    • Settings
      • 7. Find letdld on this code after pasting it to your temnplate and replace it with your twitter user name.


Now one thing more this type of widget is work only the internal pages of your  blog or the internal post of your blog and this is not work on the main page. Enjoy

Feel Free to ask anything about this in comments
Name

adsense,2,Amazing,27,Animals,3,app,1,Arts,2,Backlinks,3,Beautiful,12,blogger edits,12,blogger templates,8,blogger widgets,27,facebook,1,Flowers,1,funny photos,1,Games,3,History,3,how to,16,Instagram,1,installing blogger template,1,Linkbuilding,3,Movies,2,news,30,professional blogger template,1,seo,4,Sexy,8,Solution,3,Space,2,the tops,11,tips,2,Top,18,Wallpapers,6,Website traffic,2,Websites,5,
ltr
item
Mbgadget: Add Still Social Share Buttons with counter to Blogger
Add Still Social Share Buttons with counter to Blogger
https://1.bp.blogspot.com/-_zP2JIW3PNM/WD6unuKNfOI/AAAAAAAAD2M/iw5CfF-thnEEAOpRkCR5dzDPJTQDFjqNACLcB/s640/free-flat-social-icon-set.png
https://1.bp.blogspot.com/-_zP2JIW3PNM/WD6unuKNfOI/AAAAAAAAD2M/iw5CfF-thnEEAOpRkCR5dzDPJTQDFjqNACLcB/s72-c/free-flat-social-icon-set.png
Mbgadget
http://www.mbgadget.com/2013/04/blogger-social-buttons.html
http://www.mbgadget.com/
http://www.mbgadget.com/
http://www.mbgadget.com/2013/04/blogger-social-buttons.html
true
170121184091600790
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy