add

How to Add Author Box in Blogger - E-E-A-T for AdSense 2026

Emxymes 01:48

 

Google 2026 checks E-E-A-T - Experience, Expertise, Authority, Trust. No author box = no trust = AdSense low value content reject Post #133. Author box below post = shows real person wrote post = approval + SEO ranking boost.

In Post #142, add author box.

Step 1: Add Author Box HTML + CSS After Post

  1. Blogger → Theme → Edit HTML → Find <data:post.body/> → Below it (above comments) paste:
<div class='author-box'>
<img class='author-img' src='YOUR-PHOTO-URL-200x200' alt='Author'/>
<div class='author-info'>
<h4>Written by <span class='author-name'>Your Name</span> <span style="background:#2563eb;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;">✓ Expert</span></h4>
<p class='author-bio'>I am a Blogger & SEO expert since 2020. I have helped 10,000+ bloggers get AdSense approval via this blog. I test every hack on my own blogs before posting (see Post #121-141).</p>
<div class='author-links'>
<a href='https://twitter.com/YOURHANDLE' target='_blank'>Twitter</a>
<a href='https://linkedin.com/in/YOURHANDLE' target='_blank'>LinkedIn</a>
<a href='/p/about.html'>About Me</a>
</div>
</div>
</div>

<style>
/* Author Box Post 142 */
.author-box{display:flex;gap:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:20px;margin:30px 0;align-items:flex-start;}
.author-img{width:70px;height:70px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.author-info h4{margin:0 0 6px;font-size:16px;}
.author-name{color:#111;}
.author-bio{margin:0 0 10px;font-size:13px;line-height:1.5;color:#444;}
.author-links a{font-size:12px;color:#2563eb;text-decoration:none;margin-right:12px;font-weight:600;}
.author-links a:hover{text-decoration:underline;}
@media(max-width:600px){.author-box{flex-direction:column;text-align:center;align-items:center;}.author-bio{text-align:center;}}
</style>

Replace YOUR-PHOTO-URL, Your Name, bio, links.

Step 2: Dynamic Author Box - Pulls Blogger Profile Auto

If multi-author blog, use dynamic:

<b:if cond='data:post.author'>
<div class='author-box'>
<img class='author-img' expr:src='data:post.author.authorPhoto.image' />
<div>
<h4><data:post.author.name/></h4>
<p class='author-bio'><data:post.author.aboutMe/></p>
</div>
</div>
</b:if>

But Blogger profile about is limited - static box Step 1 is better for E-E-A-T.

Step 3: Add E-E-A-T Signals in Bio (Important for Post #133 AdSense)

E-E-A-T What to Write in Bio
Experience "Since 2020, I have tested on 5 blogs..."
Expertise "Helped 10,000+ bloggers"
Authority Link to About page with credentials, awards, guest posts
Trust Real photo (circle image Post #124), social links, contact

Step 4: Add Author Schema for Google

  1. After author box HTML paste this JSON-LD:
<script type="application/ld+json">
{
 "@context":"https://schema.org",
 "@type":"Person",
 "name":"Your Name",
 "image":"YOUR-PHOTO-URL",
 "url":"YOUR-BLOG-URL/p/about.html",
 "sameAs":["https://twitter.com/YOURHANDLE","https://linkedin.com/in/YOURHANDLE"],
 "jobTitle":"Blogger & SEO Expert",
 "knowsAbout":["Blogger","AdSense","SEO"]
}
</script>

Step 5: About Page Link - Must

Author box links to About page - About page must have:

  • 300+ words story
  • Your photo (same as author box)
  • Why you started blog
  • Contact email
  • Same as Post #133 checklist point 7

Post #142 Complete - E-E-A-T done.

Next Post #143: How to Add Last Updated Date in Blogger - show freshness.

Tags:

Post a Comment

0 Comments