How to add share buttons to blogger blog


#1

Hi… my blog (www.techmediapak.com)

have no sharing buttons…so please Suggest me how to add share buttons to my blog


#2

You can add blogger sharing button:

  • Go to you blog.
  • Then go to your blogger Layout.
  • Click ‘Edit’ on your blog post.
  • See image below.


Or


Try to find this on your template:

<div class='post-footer-line post-footer-line-1'>

And add this code below that code:

  <div class='t-wrap' style='display:inline; float:left; width:60px; height:21px; margin-right:6px;'>
    <a class='twitter-share-button' data-count='none' expr:href='"http://twitter.com/share?url=" + data:post.canonicalUrl + "&text=" + data:post.title + ""'>
      Tweet
    </a>
  </div>
 
  <div class='g-wrap' style='display:inline; float:left; width:71px; height:21px; margin-right:6px;'>
    <div class='g-plus' data-action='share' data-annotation='none' expr:data-href='data:post.canonicalUrl'>
    </div>
  </div>
 
  <div class='f-wrap' style='display:inline; float:left; width:100px; height:21px;'>
    <iframe allowTransparency='true' expr:src='"//www.facebook.com/plugins/like.php?href=" + data:post.canonicalUrl + "&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font=lucida+grande&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px;'>
    </iframe>
  </div>

#3

Thanks very much for your reply…


#4

Hi @naveedghaazi, @Mad has provided you a nice solution. Either use the default sharing buttons provided by the Blogger itself or you can opt for floating share buttons which increases chances of getting your posts shared.

The one which I am using on my blog was originally made and shared by MBT and you can get it by going here: http://www.mybloggertricks.com/2012/05/create-floating-bar-for-pinterest-other.html

I hope this helps.

  • Rohan Chaubey.