The New Google +1 - Add All The Plus 1 Button Styles To Your Blog
So it makes sense to allow readers to plus one your content and recommend it to their friends.Adding the button you your blog will give the readers the option to plus you up !
+1 In The Default Blogger Share Buttons
Blogger users will be happy to know if you have the default share buttons enabled the plus one button may already be on your blog.Below is a screenshot You can see them working on the home page of this blog.
To add the +1 button to your blog, you’ll need to enable Share buttons on Blogger. To do this, go to Design > Page Elements on your Blogger dashboard, find the Blog posts area, click on Edit, and select the “Show Share Buttons” option. If you are already using Share buttons, the +1 button will automatically show up as a new share option.
You know i was never a fan of
the default blogger share buttons but this does give them some merit now.
Using +1 Anywhere On All Blogs
You can also grab a standalone button to use on your blog by visiting Google +1 For Webmasters.
There are 4 sizes of button to choose from once you choose you generate two snippets of code.The script with the message "Place this tag in your head or just before your close body tag" goes directly before your blogs </head> tag and the second code goes were you want the button to appear.
Add Google +1 Above Posts, Below Posts On Blogger
Lets Look At Some Places You Can Add The +1 Button On Blogger.
You can go to the +1 for webmasters page to Get The Google +1 Button Codes but i have them here also.
Add The Script
The script only needs to be added once no matter how many times you add the button.The script is the snippet with the message "Place this tag in your head or just before your close body tag" on the +1 for webmasters page.I also have it below :
Go to your blogs Design Page > Edit Html > Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code)
</head>
Copy and paste the following code directly Above / Before </head> then save your template.
<script type="text/javascript"
src="http://apis.google.com/js/plusone.js"></script>
That's it the script is added now choose a button and add it as shown.
Small +1 Button
Small Button Code
<g:plusone size="small"></g:plusone>
Medium +1 Button
Medium Button Code
<g:plusone size="medium"></g:plusone>
Standard +1 Button
Standard Button Code
<g:plusone></g:plusone>
Tall +1 Button
Tall Button Code
<g:plusone size="tall"></g:plusone>
Add To Blogger Sidebar
On Blogger go to your Design Page > Click Add A Gadget > Choose Html/Javascript and paste in the code for the +1 button then save.
Add Above Posts On Blogger
On Blogger Go To Design > Edit Html > Tick Expand Widget Templates.
Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code )
<div class='post-header-line-1'>
Paste your +1 button code Directly Below <div class='post-header-line-1'> the save your template.
Add Below Posts On Blogger
On Blogger Go To Design > Edit Html > Tick Expand Widget Templates.
Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code )
<div class='post-footer-line post-footer-line-1'>
Paste Your +1 Button Code Directly Below <div class='post-footer-line post-footer-line-1'> then save your template.
If you face any problem in this post please let me know your problem. To inform your problem you can leave a comment below. And if you like my post please click the Facebook like button or spread this post by clicking the Twitter, Facebook etc. icons below. Because, it will be a great support for me.
No comments