How to Install Google+ Button on Blogger

Posting Oleh Irfan Fediyanto on Friday, December 2, 2011

 How to Install Google+ Button on Blogger

I'm sure loyal readers of this blog is not difficult to install the Google+ (G +), but not all also understand how,
 especially those just learning to blogging. Also here I have also tried to explain in detail of some of the problems that
 sometimes make the Google+ button not working properly. So please take a moment to learn tutorial below:

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

Please attach the following script on the Tag

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



How to install G+ button above actually already finished, but if you want to add more detailed code that you can try some of the script below:

Button G+ by Standard size (24 pixels)

Buttom G+ small size (15 piksel)

Button G+ medium size (20 piksel)

Button G+ hight size (60 piksel)

Button G+ for HTML5
class="g-plusone" data-size="standard" data-count="true">

You can also create your own custom buttons G+
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">   {"parsetags": "explicit"} <script type="text/javascript">   function renderPlusone() {     gapi.plusone.render("plusone-div");   } <body>="#" onClick="renderPlusone();">Render the +1 buttona>
="plusone-div">div></body>
 
Custom Buttons G+ with special URL
<g:plusone href="https://plus.google.com/108442421331149025926"></g:plusone>


Google+ standard code doesn't work on the post within the scope of the home page (index).
Posting on the page using the code :Plusone/> usually no problems, but when you try to install the G+ is aimed at post page that is located within the main page is usually problematic because the G+ to my knowledge will still be detected as an index page rather than as a post page.
To solve this problem please try to use this code <g:plusone expr:href='data:post.url'/>
 
Actually G+ itself has been providing Custom Badge that you can try directly at this addressi here or you can view more information Full API here


{ 0 comments... read them below or add one }

Post a Comment