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. AnonymousSeptember 10, 2012 at 11:03 AM

    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. Stef dela CruzSeptember 20, 2012 at 10:41 AM

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

    ReplyDelete
  3. UnknownSeptember 26, 2012 at 11:12 PM

    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. Stef dela CruzSeptember 29, 2012 at 12:22 PM

    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. UnknownOctober 6, 2012 at 11:57 AM

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

    ReplyDelete
  6. Stef dela CruzOctober 6, 2012 at 1:43 PM

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

    ReplyDelete
  7. UnknownOctober 23, 2012 at 12:37 AM

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

    ReplyDelete
  8. Stef dela CruzOctober 23, 2012 at 1:07 AM

    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. UnknownNovember 2, 2012 at 8:31 PM

    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. LionelNovember 12, 2012 at 10:59 PM

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

    ReplyDelete
  11. AnonymousNovember 25, 2012 at 8:38 PM

    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. Stef dela CruzDecember 26, 2012 at 1:42 PM

    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. Call Me PMcDecember 31, 2012 at 12:52 AM

    oh, I found it!!

    ReplyDelete
  14. Call Me PMcDecember 31, 2012 at 1:08 AM

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

    ReplyDelete
  15. Stef dela CruzDecember 31, 2012 at 1:10 PM

    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
  16. AnonymousJanuary 11, 2013 at 5:46 PM

    great post,really awesome...

    ReplyDelete
  17. BunnyJanuary 29, 2013 at 10:08 AM

    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
  18. Stef dela CruzJanuary 29, 2013 at 11:12 AM

    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
  19. UnknownApril 17, 2013 at 6:38 AM

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

    any tip?

    ReplyDelete
  20. UnknownMay 25, 2013 at 4:54 AM

    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
  21. Stef dela CruzMay 25, 2013 at 7:21 PM

    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
  22. AnonymousJuly 3, 2013 at 7:14 PM

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

    ReplyDelete
  23. UnknownJuly 18, 2013 at 11:29 PM

    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
  24. UnknownJuly 18, 2013 at 11:52 PM

    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
  25. bless their hearts momDecember 13, 2013 at 11:23 AM

    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
  26. Valerz BascheraJanuary 22, 2014 at 11:35 AM

    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
  27. UnknownMay 8, 2014 at 10:03 PM

    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
  28. Stef dela CruzMay 31, 2014 at 2:49 PM

    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
  29. Stef dela CruzMay 31, 2014 at 2:57 PM

    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
  30. Stef dela CruzMay 31, 2014 at 3:04 PM

    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

Subscribe to: Post Comments (Atom)