Thesis Tutorial: I recently followed a guide to help me add the Google +1 button to my website. It was a little confusing, but managed to get through it. So, I want to help you to add Google +1 button to your Thesis 1.8 Wordpress website with the simple instructions below. You do not have to add it through a plugin, you can add it in manually through the custom_functions.php. Below I will show you how: If you want to know what Google +1 button is, click here to read my post.
Basically, you will be adding this code to your Wordpress Thesis 1.8 website
<!– Place this tag in your head or just before your close body tag –>
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script><!– Place this tag where you want the +1 button to render –>
<g:plusone></g:plusone>
Insert Google +1 just before end of BODY Tag
1. Login to your Wordpress administrator backend.
2. Click on Thesis, Site Options, Document Head, Stats Software / Scripts
3. In the text box “Tracking scripts (include <script> tags!)”, add the following code:
<!– Place this tag in your head or just before your close body tag –>
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>
Make Google +1 Button Visible
4. Click on Thesis, Custom File Editor, Edit the file ‘custom_functions.php’
5. Add the following code:
function google_plus_one_output() {
if (is_single()) { ?>
<div>
<g:plusone size=”medium”></g:plusone>
</div>
<?php }
}
add_action(‘thesis_hook_before_post’, ‘google_plus_one_output’);
6. Click on Thesis, Custom File Editor, Edit the file ‘custom.css’
7. Add the following code:
.custom .my-plus-one { float:right; }
If you want a different size Google +1 button you can go to the Google webmasters link below to customize your own button. Just replace the code in Step 5. Here is the link:
http://www.google.com/webmasters/+1/button/index.html
Thanks,
Elaine@cmsmind.com