How to Set Up Blogger Google Authorship Without Breaking Into A Sweat!

Sunday, July 01, 2012 Stef dela Cruz 30 Comments

Setting up Google authorship for Blogger has many benefits, which I mentioned in a previous article. If you’re not familiar with Google Authorship, I recommend that you read that blog post before you proceed.

Google authorshipAbove is a screenshot of how my blog post from my other blog would look like if it appeared on Google search because I’ve successfully set up authorship. If you’re ready to set up Google authorship for a Blogger or Blogspot blog, then here are easy steps for you to follow.

Google Authorship for Blogger: Easy Setup

Establishing your Google authorship for Blogger blogs is easy. I’ve been scouring online sources for easy guides but I had to struggle with each one. I then decided to make my own. Before we start, make sure you’re logged on to your Blogger and Google Plus profiles. It helps if you’re using the same email address to log on to both accounts.

If you don’t use the same email address for both, you can always open a new Blogger account using the email you use for Google Plus, authorize that Blogger account as an administrator for your blog by clicking on Settings > Permissions > Add Author. Add the email address of the new Blogger account you just registered. Approve the authorship offer which you shall receive via email. Then, using your original Blogger account, convert the Author status to Admin status.

Once that’s taken cared of, proceed with the steps below. (Don’t forget to backup your template before you attempt any changes, just to ensure that you have something to revert back to in case you don’t follow instructions correctly.)

1. First, you need to install an author box on all your blog posts. To do that, go to your Blogger account > Template > Edit HTML > Proceed. Click on “Expand Widgets”. Then, search for the following code:

]]></b:skin>
and paste the following code right above it:

/***Author Box by www.stefdelacruz.com***/
.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}

Next, find any of the following codes on your blog:

<data:post.body/>

or

<div class='post-footer'>

or

<div class='post-footer-line post-footer-line-1'>

and after any of the above, paste the code which I shall specify later.

I say choose ANY of the above, because the position of the author box on your code will depend on what widgets and other code you have already installed on your blog. Pasting the author box right after the first option above will place your author box right after the body of your blog post. Pasting the author box right after the second or third options above will place your author box as part of the footer. You can even paste the code after other codes found below the post footer if you need the author box located at a lower portion.

This is the code to be pasted below any of the above codes:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='YOUR NAME' class='avatar avatar-70 photo' height='70' src='URL OF YOUR PHOTO' width='70'/><b>About Me</b><br/>TYPE SHORT AUTHOR DESCRIPTION HERE. Please add my <a href='URL OF YOUR GOOGLE PLUS PROFILE' rel='author'>Google profile</a> to your circles.<br/></p>
</div>
</b:if>

Make sure to type in your name, author description, and Google Plus URL above in the areas indicated in bold letters. That should take care of your author box.

2. Next, let’s modify your About page. Your About page should include your Google Profile URL and should contain a rel=“me” tag. If you don’t have an about page for your Blogspot blog yet, go to Pages > Blank Page > New Page. If you already have one, simply edit it and click on the HTML button. Copy the following code somewhere within your About page to place your Google Plus profile URL:

Please add my <a href="URL OF YOUR GOOGLE PLUS PROFILE" rel="me" target="_blank">Google profile</a> to your circles!

Don’t forget to type in the URL of your Google Plus profile as indicated by the bold letters. Click on “Update” and you’re done.

3. Lastly, it’s time to show your blog on your Google Plus profile. Go to your Google Plus profile > Edit Profile > Contributor To. Then, type in the name of your blog and the URL of your blog. Save your progress.

To check if you’ve successfully established Google authorship on your Blogger blog, visit Google Rich Snippets Testing Tool and type in the URL of any of your blog posts. After clicking on the Preview button, scroll down and you will see a sample search result snippet of your blog post if it does appear in Google’s search results. If you did it correctly, you shall see your name and your photo right beside the snippet.

In terms of SEO, you should also get rid of link exchanges you’ve participated in. Read about how link exchanges hurt blogs.

Congratulations, you’ve successfully set up Google authorship for your Blogger blog! It will take a few weeks before your photo thumbnail and author name appear in search results. If you encounter any problems, leave a comment and I’ll try my best to help you out. You can also follow me on Facebook or Twitter. Oh, and feel free to visit my official website – that’s where I installed the author box and successfully set up my Google authorship, in case you’re wondering. Winking smile

Stef dela CruzAbout the blogger
Stef dela Cruz is a doctor and writer. She received the 2013 Award for Health Media from the Department of Health. She maintains a health column in Health.Care Magazine and contributes to The Manila Bulletin. Add her to your circles.

30 comments:

  1. None of these codes are found in my blogger blog.

    data:post.body/
    div class='post-footer'
    div class='post-footer-line post-footer-line-1'

    ReplyDelete
  2. Hi anonymous, what's your blog URL? Let me take a look so I can help you.

    ReplyDelete
  3. Hi! I'm having problems determining where to add the information above or below the footer. I have a CSS template.

    My blog is
    http://socialconceptionsblog.blogspot.com

    ReplyDelete
  4. Anonymous and Ashley, try pasting the code I specified above right after this part of your blog:

    div class='post-footer-line post-footer-line-3'

    Let me know if that solves the issue. :)

    ReplyDelete
  5. Stef thank you for super clear tutorial about adding on author box and Google+ authorship. Just applied this on my new blog. =)

    ReplyDelete
  6. Sure, Jerome. Glad to be of help. :)

    ReplyDelete
  7. Thanks for your help girl, your methods are incredibly amazing and easy to get along.

    ReplyDelete
  8. Glad the walkthrough on how to establish Google authorship on Blogger helped you! Check out the other posts, in case you see something else that interests you. :)

    ReplyDelete
  9. hi
    your article seems great but I am using dynamic views. Do you think this can be established in dynamic views as well?
    The blog url is www.fabioesteves.com

    Thanks

    ReplyDelete
  10. Thanks for your great article. I have implemented authorship on my blog successfully.

    ReplyDelete
  11. Hi there stef, does applying my other blogger.com account means i can have new storage for my phtos tha i will be uploading soon in picasa?

    ReplyDelete
  12. I'm sorry, Janese, but I can't answer your question. But I will be more than happy to entertain questions on Blogger Google authorship. :) Thanks for dropping by!

    Hi, Fabio! I believe even dynamic view blogs can get Google authorship.

    ReplyDelete
  13. Oh my goodness, I'm so terrible with these things and I did it!! Thanks for your amazing instructions!! ~Paula

    ReplyDelete
  14. No problem. I hope your picture and Google+ profile are now showing up when you search for your articles on Google. Happy New Year!

    ReplyDelete
  15. great post,really awesome...

    ReplyDelete
  16. Thanks so much for the very easy to follow instructions! It took 15 minutes and I had no problems! Thanks again! You're fab!

    ReplyDelete
  17. I'm glad the walkthrough helped you, Bunny. :) I hope a thumbnail of your photo already shows up when you search for your articles!

    ReplyDelete
  18. im using a Dynamic View buy i can't make it :(

    any tip?

    ReplyDelete
  19. Thanks a ton Stef. Quick question that might save people time. Do I need to include a image url or will it automatically show my google+ profile image when I include the g+ url?

    Thanks!

    ReplyDelete
  20. Are you asking if a photo will appear in the search page results? Yes, if you have successfully set up Google authorship and your blog post appears in the search results, your photo (the one in your Google+ account) appears automatically.

    ReplyDelete
  21. i will try it, if your tutorial about google-authorship is work, i will give you backlink from my blog, XD

    ReplyDelete
  22. Thanks for posting this blog, I'm trying to get this to work and not having any luck - am I missing something? Here's my blog URL:

    http://movadcorp.blogspot.com/

    ReplyDelete
  23. It seems the authorship part of it is working (I see my photo in search results on google) But no author box is showing up on the blog.

    ReplyDelete
  24. Stef, I just found your super clear instructions and I thought I did everything right, but I'm not seeing a 'box' on my posts themselves- should I be?

    my blog: http://blesstheirheartsmom.blogspot.com
    THANKS

    ReplyDelete
  25. Hi! I don't know what happened, I followed the instructions (that were completely clear and easy to understand, thanks for that!) but it still doesn't give me the autorship... I wonder what went wrong!

    ReplyDelete
  26. Hi Stef! Thanks to you informative and wonderful Google authorship guide.
    I have tried linking my blogger to google plus, added the rel=author on pages and G+ profile, testing rich snippet, added my blog on G+ contributor but still I didn't gained my authorship. =( I've been working on my authorship for weeks. I would be very grateful if you can help me out. I'm using dynamic view template of blogger.

    My Blog: http://himecons.blogspot.com/
    Google Plus: https://plus.google.com/116510378621060179779

    Best regards,
    Cons

    ReplyDelete
  27. Cons, I don't see a photo on your blog. You should have a recognizable photo in each page. I don't see an author box with your photo in it - until my cursor goes to the right side of the screen where your "about" widget is hidden, that is. Maybe that's the problem!

    Try to make sure you have a photo in an author box (as detailed above) instead of just in a profile widget in the sidebar. That might work. Best of luck!

    ReplyDelete
  28. Valerz, sooo sorry for approving your comment this late. It got lost in my spam folder! Anyway, I'm looking at your site and it looks like you've already set up the authorship on your own. :) Congrats!

    ReplyDelete
  29. Fabio, your comment also went to spam - just saw it now (along with other valid comments, sigh). Dynamic views do become problematic. I have no way of knowing because I don't use a dynamic view. If you've come up with a solution, please tell us! I'm sure others would like to know.

    Mario and Nicole, apologies as well for the delay (same thing happened as with Fabio here). I'm looking at your pages and you've set everything up! Happy for you. :)

    ReplyDelete

Get Email Updates! (You don't wanna miss out, yes?)