Create Custom Google +1 Button

Social network by internet giant is “Google+” getting popular exponentially and of course they already have a huge customer database and all they have to do is to promote this new product among them.However people know the fact that Google+ is very special kind of social network with very unique features.

 

In parallel to Google+ they introduced +1 buttons for web masters.However the design of +1 button is non alterable and doesn’t go with most of the common web templates.If you already have +1 button, when you take your mouse over, it will pop up sharing window which is user unfriendly 🙁

 

You can also create Google +1 and share button with your own icon by follow some very simple steps:

 

First step you need a suitable icon/image for Google+ share button.Find it and edit in the way you want.

Then you have to prepare Google+ share URL.

 

https://plus.google.com/share?url=YOUR URL (Replace ‘YOUR URL’ with actual page URL)

 

If you are using wordpress blog, you can use below code.
https://plus.google.com/share?url=<?php the_permalink(); ?>

 

If you want a pop up window use the below code.

[php]<a href="javascript:void(0);" onclick="popUp=window.open(‘https://plus.google.com/share?url=<span style="color: #ff0000;"><?php</span> the_permalink(); <span style="color: #ff0000;">?></span>’,’popupwindow’,’scrollbars=yes,width=800,height=400′);popUp.focus();return false">Share on Gogole+</a>[/php]

You can also update the link  with an image icon with below code.

[php]<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>"><img src="your-custom-google-plus-icon/path/gplus.jpg" alt="Google+" title="Google+" /></a>[/php]