Google has launched +1 button which will help visitors to share information which they like on blogs. As Google is known for its trust and quality, so sharing with +1 button will determine that its trusted information.
When you click on +1 button, it turns blue or red in color and that particular link is also displayed on your Google +1 profile and can also be shared by your friend circle.
Google +1 button is customizable and is available in four different sizes i.e. 15px, 20px, 24px and 60px.
Follow the steps in order to install Google +1 button on your blog
- Go to header.php and search for </head> and immediately before that place the following code.
<!– Place this render call where appropriate –>
<script type=”text/javascript”>
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async = true;
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
- The next move is to add +1 button for rendering, so put the following code in widget or where ever you want.
<!– Place this tag where you want the +1 button to render –>
<g:plusone annotation=”inline”></g:plusone>
The above code is for standard size (i.e. 24px), in order to customize visit Google +1 customization.