No author box = Google thinks your blog is AI or low trust. Real author = higher rankings.
In this tutorial, you'll add an author bio box below every Blogger post. Follow along and you'll boost E-E-A-T + look professional in 2025.
Step 1: Why Blogger Needs Author Bio Box 2025
Google's E-E-A-T update ranks sites with clear authors higher than anonymous blogs.
- SEO boost: Google uses author info for "Experience" signal
- Trust: Readers follow blogs with real faces, not faceless sites
- AdSense: Helps pass "valuable inventory" policy checks
- Brand deals: Companies check author credibility before sponsoring
Image: Author bio box example below blog post
Step 2: Create Author Bio Section in Blogger
Works on all Blogger themes. No plugin or coding skills needed.
- Blogger → Layout → Add a Gadget → HTML/JavaScript
- Title: Leave blank
- Content: Paste code from Step 3 below → Save
- Drag gadget to "Blog Posts" section → Place below "Blog1" widget
Step 3: Copy-Paste Author Box HTML Code
Replace [YOUR NAME], [YOUR PHOTO URL], [YOUR BIO], and social links.
<style>
.author-box {
border: 1px solid #e0e0e0; padding: 20px; margin: 30px 0;
border-radius: 8px; background: #fafafa; overflow: hidden;
}
.author-box img {
float: left; width: 80px; height: 80px; border-radius: 50%;
margin-right: 15px; object-fit: cover;
}
.author-box h3 {margin: 0 0 5px 0; font-size: 18px;}
.author-box p {margin: 0 0 10px 0; font-size: 14px; line-height: 1.6;}
.author-social a {margin-right: 10px; text-decoration: none; font-size: 14px;}
@media (max-width:600px){.author-box img{float:none;display:block;margin:0 auto 10px auto;}}
</style>
<div class="author-box">
<img src="https://blogger.googleusercontent.com/img/YOUR-PHOTO-URL" alt="Your Name">
<h3>About [Your Name]</h3>
<p>[Your bio in 2-3 lines. Example: Founder of BlogName. I help beginners start blogs and make money online. 5+ years experience in SEO and content marketing.]</p>
<div class="author-social">
<a href="https://twitter.com/YourHandle" target="_blank">Twitter</a>
<a href="https://linkedin.com/in/YourName" target="_blank">LinkedIn</a>
<a href="/p/about.html">More About Me</a>
</div>
</div>
Step 4: Add Author Photo to Blogger
- Upload photo: Blogger → New Post → Upload image → Switch to HTML → Copy image URL
- Image size: 200x200px square works best. Use iloveimg.com to resize
- Replace URL: Paste your image URL in
src="YOUR-PHOTO-URL" - Alt text: Use "Your Name - Blogger at YourBlogName" for SEO
Step 5: Author Bio Box Best Practices 2025
| Do This | Don't Do This | Why |
| Use real photo of your face | Cartoon, logo, or stock photo | Google + readers trust real humans |
| 2-3 line bio with credentials | 10-line life story | Users skip long bios |
| Link to About page + socials | No links at all | Builds authority signals |
| Update yearly | Set once and forget | Add new achievements for E-E-A-T |
Bad practice to avoid: Fake author name like "Admin" or "Editorial Team". Google demotes anonymous sites. Use real name.
Important: For multi-author blogs, use conditional tags to show different bios per post. Add Person schema to About page for extra SEO. Link author name in bio to About page. Update bio when you get featured or certified.
0 Comments