How to Add the +1 Button to Blogger?
- Go To Blogger > Design > Edit HTML
- Backup your template
- Search for </head>
- Paste the code below just above </head>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-US'} </script>
|
5. Now Check the "Expand Widgets Templates" Box at the top right corner. In order to place the button just below Post titles then search for this code <data:post.body> and place the +1 button code given below just above it,
<div style='float:left'> <g:plusone size="standard" expr:href="data:post.url"/> |
- 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:
7. Save your template to see it working. Have fun! :>