Home > Blogger, Blogging, Internet Business > How to Add Google +1 Button Below Post Title in Blogger (Blogspot)

How to Add Google +1 Button Below Post Title in Blogger (Blogspot)

To complete my previous tips about How to add Facebook Button and How to Add Twitter Button on your Blog, this time I will also give you tips How to Add Google + Button in Blogger. Although not as popular Facebook and Twitter, Google + is one of the biggest social media in the world. Moreover, in the future Google is likely to include Google Plus as influence factor in SEO. So it will be better if we build network in Google + from now on. How to add Google button + similar like how to add Facebook and Twitter button on my previous tips. It is very easy.

google plus button in blogger How to Add Google +1 Button Below Post Title in Blogger (Blogspot)

Here are the steps:

1. Login into your Blogger Dashboard and choose blog you want to modify.
2. Click Template and Click Edit HTML.
3. Click Proceed and don’t forget to check Expand Widget Templates checkbox.
4. Search code below and place the code above it

<data:post.body/>

5. Copy the script below

Standard G+ Button (24 pixel)

standard google plus button How to Add Google +1 Button Below Post Title in Blogger (Blogspot)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<g:plusone></g:plusone>
</div>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
</b:if>

Small G+ Button (15 pixel)

small google plus button How to Add Google +1 Button Below Post Title in Blogger (Blogspot)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<g:plusone size="small"></g:plusone>
</div>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
</b:if>

Medium G+ Button (20 pixel)

medium google plus button How to Add Google +1 Button Below Post Title in Blogger (Blogspot)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<g:plusone size="medium"></g:plusone>
</div>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
</b:if>

Large G+ Button (60 pixel)

large google plus button How to Add Google +1 Button Below Post Title in Blogger (Blogspot)

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='float:right;margin-left:10px;margin-bottom:10px;'>
<g:plusone size="tall"></g:plusone>
</div>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
</b:if>

6. Click Save Template and you’re done

pixel How to Add Google +1 Button Below Post Title in Blogger (Blogspot)
Be Sociable, Share!
  • more How to Add Google +1 Button Below Post Title in Blogger (Blogspot)
  1. No comments yet.
  1. No trackbacks yet.