vijay

welcome Netizen

Share Your Knowledge.It is a way to achieve immortality

Wednesday, June 1, 2011

How To Add Google +1 Button In WordPress and Blogspot


Google has announced +1 button for all site.Its very easy to add a button in blog and wordpres
Follow the below methods to add the button in you site..



Adding Google +1 Button on Blogspot

First Method.:

To add Google +1 button in blogspot blog , you need to login in your blog
Go to Dashboard
Then Click Design
Click Edit Html and Click expand widget Templates

Add the below code in <head> tag

<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

Add the below code in <body> tag

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="tall"></g:plusone>

Now save it...
you can enjoy the button with your Blog

Second Method :

To add Google +1 button in blogspot blog , you need to login in your blog
Go to Dashboard
Then click on your blog (if you have multi blogs running in same account)
Then click on Design.
Then you can see an option called “Add  A Gadget” click on it
Select a gadget with named “Html/ Javacript” so that you can add the Google +1 code in it
paste the following code in that gadget
<!– Place this tag in your head or just before your close body tag –><script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>
Save it

Adding Google +1 Button in wordpress
Logon to your wordpress admin.
Goto widgets
Select Text and drag to the location you need
paste the following code to get the google +1 button
<!– Place this tag in your head or just before your close body tag –><script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>
<!– Place this tag where you want the +1 button to render –><g:plusone size=”tall”></g:plusone>
Save it ,
Finally its done

Hence you finally added google +1 in your blogspot blogs

0 comments:

Post a Comment