Home > Gadget > Add Still Social Share Buttons with counter to Blogger

Add Still Social Share Buttons with counter to Blogger

Appsgadget.com
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://ift.tt/1t5Vvlh’) no-repeat !important;     height:19px !important;     width:45px !important;     padding:0 !important; } .st_email .chicklets{     background-position:0 -77px !important;     background-image:url(‘http://ift.tt/1t5Vvlh’) !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://ift.tt/2dI4gzC’) !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://ift.tt/oe0kNZ’ 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://ift.tt/ndK0ug’/><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://ift.tt/1bO2BiP’ 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

Jervie David Montejar
Pinoy Blogger, developer, foodie, self-proclaimed photographer and big anime and otaku fan. Likes RPG and action video games.
http://appsgadget.com

Leave a Reply

Your email address will not be published. Required fields are marked *