How to Add Social Media Follow Buttons to Blogger (2025 Step-by-Step Guide)

How to Add Social Media Follow Buttons to Blogger (2025 Step-by-Step Guide) 

 

Want more followers? Learn how to add social media follow buttons to your Blogger site in 2025 — Facebook, Twitter, Instagram & more with easy HTML or widget method.

Why Add Social Media Buttons to Blogger?

Adding social media follow buttons helps:

Grow your online audience
Build trust and brand identity
Improve SEO and engagement
Allow visitors to connect with you on multiple platforms

2 Simple Ways to Add Social Media Follow Buttons in Blogger

Method 1: Use the Built-in Blogger “HTML/JavaScript” Gadget

This method works for all templates and gives you full control.

Steps:

1. Go to Blogger → Layout
2. Click “Add a Gadget” where you want to place the buttons (e.g., sidebar, footer)
3. Select HTML/JavaScript
4. Paste the code below:

<div class="social-follow-buttons">
  <a href="https://facebook.com/yourpage" target="_blank">Facebook</a> |
  <a href="https://twitter.com/yourhandle" target="_blank">Twitter</a> |
  <a href="https://instagram.com/yourprofile" target="_blank">Instagram</a> |
  <a href="https://youtube.com/yourchannel" target="_blank">YouTube</a>
</div>

5. Click Save, and preview your blog.

Replace the links with your actual social media URLs.

Method 2: Add Icon-Based Buttons with Font Awesome (Modern Look)

For a more stylish design with icons:

1. Go to Theme → Edit HTML
2. Before </head>, paste this CDN link:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

3. Add this code inside your Layout → HTML/JavaScript gadget:

<div class="social-icons">
  <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>
  <a href="https://youtube.com/yourchannel" target="_blank"><i class="fab fa-youtube"></i></a>
</div>

4. Then style it by adding this before </head>:

<style>
.social-icons a {
  margin: 0 10px;
  color: #555;
  font-size: 24px;
  text-decoration: none;
}
.social-icons a:hover {
  color: #007bff;
}
</style>

Best Places to Add Social Media Buttons in Blogger

Position	Purpose
Sidebar	Visible on all pages
Footer	Good for branding and links
About Page	Connect with blog author
Floating Bar	Stays visible while scrolling

Add Buttons for These Platforms

• Facebook
• Twitter
• Instagram
• YouTube
• LinkedIn
• WhatsApp
• Telegram

Boost SEO and Engagement

• Add social links to schema markup
• Encourage users to follow you at the end of each blog post
• Promote exclusive content or giveaways via your social pages

Mistakes to Avoid

Mistake	Solution
❌ Broken or wrong links	✅ Double-check every URL
❌ Poor button placement	✅ Use sidebar or header/footer for visibility
❌ Too many buttons clutter	✅ Stick to top 3–5 platforms
❌ No target="_blank"	✅ Open links in a new tab

Pro Tip:

Use linktr.ee, Campsite.bio, or Carrd.co to create a single smart link if you have many platforms.

Related Posts:

Previous article

Next Post

Next article

Previous Post

Suleiman Inuwa

https://www.androidpols.com.ng/

I am a professional website developer and also an SEO expert.