/ / How To Add Google+ Share Button Right After The Post Title In Blogger? {On the Same line}

How To Add Google+ Share Button Right After The Post Title In Blogger? {On the Same line}

Google + is a great way to share your posts.It also helps to increase your search rankings.There are many fancy social share widgets for blogger.But many people fail to share it.While researching for my 'How Google PageSpeed  Insights Optimize Site Performance' post I found Google+ button right after the post title in Google PageSpeed page.So I thought of adding it to my blog and I  figured out how to to add it.This post will teach you how to add Google+ button right after the post title.Skyrocket Your Google + Shares!!Why not give it a try?

Steps To Add The Google+ Button After Post Title On the Same Line

  1. Go to Google + button generator and generate your button.
  2. Now go to your  Blogger Dashboard.Then navigate to Template tab and click on Edit HTML.
  3. Find the given code.{Press Ctrl + F to search}                                                                                                  <a expr:href='data:post.url'><data:post.title/> [There may be more than one of the same code,so make sure that you choose the right code.(Press Enter to skip to the next same code)]
  4. Copy-Paste your button code right after the above code.
  5. View your blog and ensure everything works fine. Enjoy!!
The button will now be displayed after the title on all pages.

How To Hide The Button  On Homepage?


Paste the widget code following the given example.

<a expr:href='data:post.url'><data:post.title/><b:if cond='data:blog.pageType == "item"'>
 BUTTON CODE GOES HERE

</b:if>


How To Display The Button Only On Homepage?

If you want to display the button only on homepage,then paste the widget code following the given example.

<a expr:href='data:post.url'><data:post.title/><b:if cond='data:blog.url == data:blog.homepageUrl'>
BUTTON CODE GOES HERE
</b:if>


SHARE

About Shan Eapen Koshy

    Blogger Comment
    Facebook Comment