Add Customize Google +1 Button in Blogger

| |
We have the Google+1 Button Widget in blogger , but with this tricks that helps you to change the standard of Google +1 Button to be smaller , bigger that depends on you.

Google +1 Button in Blogger

Here is the instruction how to install it :

Step 1 : Blogger Dashboard -> Template -> Edit HTML
Step 2 : Search for this code

</head>

Step 3 : Paste this code below above </head>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-US'} </script>
Step 4 : Click on " Expand Widget Templates " and search for this code :

<data:post.body>

Step 5 : Paste the code below above it 

<div style='float:left'>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>
  • You can display it to "left" and "right" by adjusting left
  • You can change standard to medium, small or tall. Choose the size that may blend your template.
Tall, small, Medium Respectively:
imageimage
image
Step 6 : Save it and enjoy your template

0 comments:

Post a Comment

Powered by Blogger.