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="https://apis.google.com/js/plusone.js"> </ 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
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="https://apis.google.com/js/plusone.js"> </ 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="https://apis.google.com/js/plusone.js">
{"parsetags": "explicit"}
</script>
<script type="text/javascript">
function renderPlusone() {
gapi.plusone.render("plusone-div");
}
</script>
<body>
<a href="#" onClick="renderPlusone();">Render the +1 button</a>
<div id="plusone-div"></div>
</body>
Custom Buttons G + with special URL
<!-- customized for a specific address -->
<g:plusone href="https://plus.google.com/108442421331149025926"></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'/>
</span>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.pjumpjhp?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:110px; height:30px;'/>
</div>
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'/>