How to Install Google + button in Blogger

Please Share this article is useful !
I believe that faithful readers of this blog is not difficult to install the Google + (G +), but not all also understand how, especially those just learning blog. In addition I have also tried to explain here in detail of some of the problems that sometimes make the Google + not working properly. So please take a moment to learn the tutorial below:

Steps to install the G + is very easy to please follow the tutorial below

1. Please attach the following script tag </ body>

<! - Place this tag in the head or just before the closing body tag ->
<script type="text/javascript" src=""> </ script>

2. Then you can put anywhere + G button to add the code below.

<! - Place this tag in place you want to display the +1 button -> <g:plusone size="small"> </ g: plusone>

3. G + how to install the above is already done, but if you want to add a more detailed code you can try some of the script below:

+ G keys with standard size (24 pixels)

<g:plusone> </ g: plusone>

Button G + Small size (15 pixels)

<g:plusone size="small"> </ g: plusone>

Button G + Medium size (20 pixels)

<g:plusone size="medium"> </ g: plusone>

Button G + with High size (60 pixels)

<g:plusone size="tall"> </ g: plusone>

G + button for HTML5

<div class="g-plusone" data-size="standard" data-count="true"> </ div>

You can also create your own custom buttons + G

<script type="text/javascript" src="">
{"parsetags": "explicit"}
<script type="text/javascript">
function renderPlusone() {
<a href="#" onClick="renderPlusone();">Render the +1 button</a>
<div id="plusone-div"></div>

Custom Buttons G + with special URL

<!-- customized for a specific address -->
<g:plusone href=""></g:plusone>

To customize the G + I suggest you enter the url of Google + profile or page (page) + G already made, see the tutorial here

How to install G + button next to the button up (in the posting)

<span style='float:left; width:65px;'><!-- Place this tag where you want the +1 button to render -->
<g:plusone expr:href='data:post.url' size='medium'/>
<iframe allowTransparency='true' expr:src='&quot;; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:110px; height:30px;'/>

Google + standard code does not work on the post within the scope of the home page (index).

Posting on the page using the code <G:Plusone/> usually no problems, but when you try to install the G + pages devoted to the post that is located within the main page is usually problematic as far as I + G will still be detected as an index page rather than as post pages. To solve this problem please try to use this code <g:plusone expr:href='data:post.url'/>

Thank you for reading and sharing this article !

Free Articles! Please enter your email.
Print PDF

« Prev Post
Next Post »

Copyright © 2012 My Article - All Rights Reserved