 |
| How to Customize the Footer in Blogger (Add Copyright, Links & Socials) |
How to Customize the Footer in Blogger (Copyright, Links, Socials & CSS)
You can customize your Blogger footer through the Layout editor for basic text and link changes, or through Theme → Edit HTML for full control over structure and CSS styling. This guide covers both methods, plus how to add social icons, a copyright notice, and custom footer colors.
Your footer appears on every page of your blog — it's valuable, often overlooked space for navigation, branding, and legal protection of your content.
What Can You Add to Your Blogger Footer?
| Element | Purpose |
|---|---|
| Copyright Text | Protects your content and signals professionalism |
| Important Links | Drives users to About, Contact, Privacy Policy pages |
| Social Icons | Grows your social media p |
| Widgets | Displays popular posts, labels, or recent comments |
Method 1: Customize Footer via Blogger Layout (Easiest)
Most modern Blogger templates (SpotNews, Median UI, Fletro, and similar) support easy footer editing directly through Layout.
1. Go to Blogger Dashboard → Layout
2. Scroll to the "Footer" or "Bottom Section"
3. Click Edit
4. Enter your custom footer content:
- - Copyright text, e.g. `© 2026 AndroidPols. All Rights Reserved.`
- - Useful links: About, Contact, Privacy Policy
- - Social media icons (optional, depending on your template)
5. Save and preview
Example footer text:
© 2026 AndroidPols | All Rights Reserved
Designed by Templateify | Powered by Blogger
```
Add backlinks to your policy pages like this:
```html
<a href="/p/about-us.html">About</a> |
<a href="/p/contact-us.html">Contact</a> |
<a href="/p/privacy-policy.html">Privacy Policy</a>
```
Method 2: Customize Footer in Theme HTML (Advanced)
If your template doesn't support Layout-based footer editing, or you want more control:
1. Go to Theme → Edit HTML
2. Press `Ctrl + F` and search for `</footer>` or `footer-wrapper`
3. You'll find code similar to:
```html
<b:include name='footer'/>
```
or
```html
<div class='footer'>
<a href='https://www.blogger.com'>Powered by Blogger</a>
</div>
```
4. Replace or remove that line with your own, for example:
```html
<div class='custom-footer'>
<p>© 2026 AndroidPols | Designed with care</p>
<p><a href='/p/about-us.html'>About</a> | <a href='/p/contact-us.html'>Contact</a></p>
</div>
```
5. Save your theme.
Always back up your theme before editing HTML — see our [template installation guide](/2025/07/how-to-install-premium-blogger.html) for how to back up before making changes.
Style Your Footer with Custom CSS
To control your footer's background color, text color, and spacing precisely, add this inside Theme → Edit HTML, just before `</head>`:
```html
<style>
.custom-footer {
background: #1a1a1a;
color: #ffffff;
text-align: center;
padding: 20px;
font-size: 14px;
}
.custom-footer a {
color: #f39c12;
text-decoration: none;
}
</style>
```
Swap the color codes to match your blog's branding. The `.custom-footer` class name in the CSS must match whatever class you used in your footer HTML for the styling to apply.
Add Social Media Icons to Footer
If your template doesn't already include social icons:
1. Get free icon codes from [Font Awesome](https://fontawesome.com)
2. Add this inside your footer section:
```html
<a href="https://facebook.com/yourpage" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://twitter.com/yourhandle" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://instagram.com/yourprofile" target="_blank"><i class="fab fa-instagram"></i></a>
```
Make sure Font Awesome is enabled in your theme, or add its CDN link in your `<head>` section if it isn't already included.
A Note on Copyright
Adding a copyright line like `© 2026 AndroidPols Blog. All Rights Reserved.` is a simple way to signal your content is protected. If you'd rather allow others to reuse your work under specific conditions instead of restricting it entirely, a Creative Commons license is worth considering as an alternative to a standard copyright notice.
SEO Tips for Footer Optimization
| Tip | Reason |
|---|---|
| Add internal links | Helps with site structure and crawlability |
| Avoid duplicate content across pages | Keep footer content consistent, not repetitive per post |
| Use branded keywords | Reinforces your blog's identity |
| Keep the footer mobile-friendly | Ensures it looks right on small screens |
Footer Mistakes to Avoid
| Mistake | Fix |
|---|---|
| Too many outbound links | Keep footer links relevant and under 5 |
| Hardcoded year (e.g., "2023") | Update annually, or use a dynamic year script |
| Non-HTTPS links | Always use https:// for secure, trusted URLs |
Conclusion
Whether you use the Layout editor for a quick text-and-link update or dive into Theme HTML for full CSS control, your footer is worth the ten minutes it takes to set up properly. It's one of the few elements that appears on every single page of your blog, so getting the copyright notice, links, and styling right pays off across your entire site.
){kind=link}