Contact Us:

If You Have Any Problem, Wanna Help, Wanna Write Guest Post, Find Any Error Or Want To Give Us Feedback, Just Feel Free To Contact Us. We Will Reply You Soon.

Name: *

Email: *

Message: *


Download our app on Google Play Store

Thursday, April 4, 2013

Add the official Google +1 button to blogger

Add the official Google +1 button to blogger
Has always been of the most important priorities for any blogger that occupies his blog early ranks in the search results, for that Google has to cause a new whatever buttonallows to increase publishing sites and tell the world that there is draw attention to a certain location, through pressing it published an excerpt of the subject that has raised you like on your account at Google, giving users quick access to
the source or the article, so what you proposing will appear on the search results in Google, Google has updated the form of this new feature in terms of colors as well as performance.

But now, if you would like to add this button in your posts, which will open the way to visitors by suggesting your own website. We will explain how to install the button +1 on the Blogs Blogger .

  • Just went to your blog control panel, select the "design", then "Edit HTML"
  • Then check the box templates expand.
  • Find the following code and by clicking on (Ctrl + f) in your User CP.
Then replace it with the following code:

<script type="text/javascript" src=""></script>

Then look for the following code:
If you want to button system located below the post, then demonization this following code after it, or before it if you would like the button appears under the title of entry.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<g:plusone expr:href='data:post.url' size='tall'/>

As we noted at the beginning of this topic that Google has provided measurements of different buttons +1 where you can choose the measurement of code in any of the measurements that you like and located in the image below right for you by substituting the word tall.
Google plus 1 sizes
Also, if you want the button 1+ to appear on the home page of your blog, you just need to delete the first and the last line of above code 

Beware of this we get to the end of our topic for today, I hope that I have been able to explain this tutorial modest, if you encounter problems while installing the code, please do not hesitate to ask your questions, feedback and your inquiries .. to a new topic is renewed when we met, Best regards.
Like the Post? Share with your Friends:-

Team SB
Posted By: Team SB
Comment Using

Comment Policy : We’re enthusiastic to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.


  1. Nice to see this template on your blog. You have done something wrong with your template , the menu bar and scroll to top widget not work correctly

  2.  It is an honor to me that I find your comments on my modest blog Sonu.I am still work to modify the templates, and to add some necessary elements.


Download our app on Google Play Store

Contact Us


Email *

Message *

Copyright © . Skill Blogger . All Rights Reserved.
Designed by :- Way2themes