Saturday 21 July 2012

How to add Google+ button to blogger?

Google+ button for blogger's post:

In blogger there are some blogger templates are also provide Google+ button in bottom side of your post. But in some templates there are Google+ button are not show in the bottom side of your blog. In this time you need to share your post on Google+, but you can't share your post without Google+ button.

Here are some coding of Google+ button for your blogger:

First open your blog then go to Design>Templates>Edit HTML>Proceed
After proceeding, you can see upper side a check box ("Expand Widgets Templates") is uncheck, check that box. then press [ctrl+f] for search </head> tag, if you are unable open search bar then go to new tab on your browser then press Ctrl+f, after that back at your blog then in search box type </head> then press search button. The </head> tag is highlighted on your html coding then paste the following code just above the </head> tag:
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-US'} </script>
after pasting that code then save your template. After saving your template in search bar (Ctrl+f) type following code <data:post.body/>  then press search button, you can see that code highlighted with green color, then paste the following code just above/bellow of <data:post.body/>:
<div style='float:left'>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>
after copy-paste that code  save your template, then view your blog.

Note That:

<div style='float:left'>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>
in this coding you can change Google+ button size "standard", "medium", "low" according you.  

No comments: