Blogger Template Area Roles Explained

✎ Edit

↓ Quick Down

🧩 Blogger Template Area Roles Explained

Thanks, Sarim. I've reviewed your Blogger template file 09.09.2025_3.txt and below is a guide explaining the main "playrolls" (sections) of your Blogger theme and how they function.

1. <head> Section (Starts ~ Line 4)

📌 Playroll: Sets up blog metadata, fonts, SEO, and script links.

<head>
  <meta expr:content='data:blog.pageName' property='og:title'/>
  ...
</head>

✅ Purpose:

  • Loads blog metadata
  • Connects Open Graph, Twitter card, favicon
  • Loads fonts and theme CSS
  • Helps search engines understand your layout

2. <b:skin> Tag (~ Line 180)

📌 Playroll: Custom styles for layout, color themes, spacing, and fonts.

<b:skin><![CDATA[
  body {
    font-family: system-ui;
    background: var(--bg);
    color: var(--text);
  }
  ...
]]></b:skin>

✅ Purpose:

  • Applies custom CSS
  • Controls dark/light modes
  • Sets layout spacing and fonts

3. <body> Section (~ Line 1000)

📌 Playroll: The full wrapper for everything seen on the page.

<body expr:class='data:blog.pageType'>

✅ Includes:

  • Header menu
  • Blog posts
  • Sidebars
  • Footer

⚠️ Warning: Do not put <body> inside <b:> or <script> tags. This causes Blogger errors like:

tag 'body' appears inside of 'b'

4. <b:section> Tags (inside <body>)

📌 Playroll: Defines the layout zones of your blog like main content, sidebars, footers.

<b:section id='main' class='main-section' showaddelement='yes'>
  <b:widget id='Blog1' type='Blog'/>
</b:section>

✅ Purpose:

  • Defines areas for blog content and widgets
  • Must have at least one <b:section>

🛑 Error Fix: If you see “No section found”, you need to insert at least one section tag like above.

5. <b:widget> Tags

📌 Playroll: Displays actual widgets (Blog feed, Popular posts, Labels, etc.)

<b:widget id='Blog1' type='Blog'/>
<b:widget id='ReaderTools' type='HTML'/>

✅ Purpose:

  • Render content from your blog, or custom HTML
  • Must be placed inside a section

🛑 Common Error: If you place widget outside of section or use wrong format like <b>, you’ll see:

invalid widget ID for type HTML

✅ Final Fixes You May Need

  • ✔ Make sure all <b:widget> are inside <b:section>
  • ✔ Only one <body> tag in the template
  • ✔ At least one <b:section> is required
  • ✔ Avoid wrapping <body> or <html> in <b:> or <script>

💡 Need a Full Fix?

If you want me to rebuild and send a clean working file:

  • ✅ Fixed layout (all required tags)
  • ✅ Dark green background + reading comfort
  • ✅ Font size toggle and scroll-to-top button
  • ✅ Reader Tools widget included

Let me know and I will send the full template for you.

Tags:
Previous Post Next Post
📑