Create A Custom Footer In Blogger With HTML Code

How To Add a Custom Footer in Blogger

Method 1.) Add Footer Using HTML 

• 1. Log in to your Blogger account

• 2. Select your blog

• 3. Click on Theme

• 4. Click on Edit HTML

Inside the HTML editor:

Press Ctrl + F and Search for: </body>

Paste your footer code just above the </body> tag.

Example:

<!-- Custom Footer Start -->
<div style="background:#f5f5f5; padding:20px 15px; text-align:center; font-family:'Segoe UI', sans-serif; font-size:11px; color:#444; line-height:1.8; letter-spacing:0.4px;">
  <div style="margin-bottom:6px;">
    <a href="https://blogurl.blogspot.com/" style="text-decoration:none; color:#222;">Home</a> &bull;
    <a href="/p/sitemap.html" style="text-decoration:none; color:#222;">Sitemap</a> &bull;
    <a href="/p/contact-us.html" style="text-decoration:none; color:#222;">Contact Us</a> &bull;
    <a href="/p/about-us.html" style="text-decoration:none; color:#222;">About Us</a>
  </div>
  <div style="margin-bottom:10px;">
    <a href="/p/disclaimer.html" style="text-decoration:none; color:#222;">Disclaimer</a> &bull;
    <a href="/p/privacy-policy.html" style="text-decoration:none; color:#222;">Privacy Policy</a> &bull;
    <a href="/p/terms-and-conditions.html" style="text-decoration:none; color:#222;">Terms and Conditions</a>
  </div>
  <div style="font-size:12px; color:#777;">
    © 2026 <strong style="color:#000;">Qabnol</strong>. Powered by Blogger. All Rights Reserved.
  </div>
</div>
<!-- Custom Footer End -->

• Click Save Theme.

Your footer is now added successfully.

Method 2.) Add Footer Using Layout Section (No Theme Editing)

If you don’t want to edit HTML:

• 1. Go to Layout

• 2. Scroll to the Footer section

• 3. Click Add a Gadget

• 4. Choose HTML/JavaScript

• 5. Paste your footer code

• 6. Click Save.

Result:-

Home • Sitemap • Contact Us • About Us

Disclaimer • Privacy Policy • Terms and Conditions

© 2026 Qabnol. Powered by Blogger. All Rights Reserved.