How To Add Default Author Bio Widget In Blogger ?
It has been a long time we posted something about the blogger platform and this post is all about a new introduction by the Blogger platform. Now,the blogger lets you add author’s bio under each of your post, seems more like WordPress, isn’t it?
Previously we had the contact form update which lets you add contact forms as a widget in blogger and also the template editor update ,all of these are summing up to make Blogger user friendly. Blogger is known for its support by Google, if you apply for an AdSense with a blogger blog, it probably takes much less time for the approval than any other platforms. If you are looking for some SEO,there are about 4 effective SEO Codes For Blogger Blogs, there are many,but the four which i have listed out are pretty effective.
what are waiting for? Lets try the new feature out!
The code used in this tutorial is written by Akshay from TechByMak.
How To Add Author Bio Box In Blogger Blog?
Step #1. Go to your Blogger Dashboard and Choose a blog.
Step #2. Now Go To The Lay out section and choose Edit For The post Widget-
Step #3. Once you click the edit button, a new windows will pop up where you’ll be allowed to tick and un-tick various option, scroll down and tick the”Show Author’s Profile After the post” option.
Step #4. If you are using a default Blogger template or a modified version of the default template, then you won’t have any problems in getting the author box, just go check any of your posts and you’ll see the Author Box.
Step #5. but, if you are using a custom Blogger template, you’ll have to add some codes to your Blogger template. Go to Template>Edit HTML, then find (use CTRL+F) –
[sourcecode language=”plain”]<div class=’post-footer-line post-footer-line-3’/>[/sourcecode]
If you can’t find that thing, try finding-
[sourcecode language=”plain”]<div class=’post-footer-line post-footer-line-3>[/sourcecode]
Step #6. Paste the following code below the previously given code-
[sourcecode language=”plain”]<b:if cond=’data:blog.pageType == "item"’>
<div class=’author-profile’ itemprop=’author’ itemscope=’itemscope’ itemtype=’http://schema.org/Person’>
<img expr:src=’data:post.authorPhoto.url’ itemprop=’image’ width=’50px’/>
<a class=’g-profile’ expr:href=’data:post.authorProfileUrl’ itemprop=’url’ rel=’author’ title=’author profile’>
Step #7. You’re done, Click Save!
How To Edit The Blogger Bio Box?
That’s really easy, just go to your Google+ Profile and move on to the “About” section, edit your details as you want and to change you can customize your Author picture by changing your profile picture.
Why Should You Add The Author Bio Box in Blogger?
- One of the main advantages is that,its compiled by the folks at Google, so it won’t have any errors or spammy links to a third party sites like the other Author Boxes do.
- Organised Schema- Once you add it, there’s no need of adding the rel=author’ tag in each of your posts, this widget takes care of everything related to the Structured data markup (Specially, the Authorship markup).
- Multiple Authorship support- As it collects info from the Google +,there’s no need to add additional HTML tags for each and every author in your blog.
- When you hover over the name, it shows you your Google + Profile!
Share the Author Bio Box For Blogger-
I know, you’re gonna implement it on your blogger blog, share it so that even your friends can try it too! Stay tuned for many other tutorials related to blogger.