Article

How to Install Google + button in Blogger


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

<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='&quot;http://www.facebook.com/plugins/like.pjumpjhp?href=&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;'/>
</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'/>

Free Articles! Please enter your email.
Print PDF
Next
« Prev Post
Previous
Next Post »
Copyright © 2012. My Article - All Rights Reserved | Template Created by Kompi Ajaib | Modified by Ibrahim Lubis