Clean Retina Blogger Template

Hi! Here’s how to customize your social buttons:

1. Find the HTML: In your Blogger dashboard, go to Theme → Edit HTML, then search (Ctrl+F) for social-profiles clearfix

2. Replace the entire <ul>...</ul> section with this:

<ul>
   <li class='facebook'><a href='YOUR-FB-URL' rel='nofollow' target='_blank'>Follow on Facebook</a></li>
   <li class='instagram'><a href='YOUR-IG-URL' rel='nofollow' target='_blank'>Follow on Instagram</a></li>
   <li class='twitter'><a href='YOUR-X-URL' rel='nofollow' target='_blank'>Follow on X</a></li>
   <li class='tiktok'><a href='YOUR-TIKTOK-URL' rel='nofollow' target='_blank'>Follow on TikTok</a></li>
   <li class='you-tube'><a href='YOUR-YT-URL' rel='nofollow' target='_blank'>Follow on Youtube</a></li>
   <li class='telegram'><a href='YOUR-TG-URL' rel='nofollow' target='_blank'>Follow on Telegram</a></li>
</ul>

(Remove any you don’t need, just delete the whole <li>...</li> line)

3. For Instagram, X, TikTok, and Telegram: You’ll need to add custom CSS since they’re not in the original sprite. Add this before ]]></b:skin>:

.social-profiles ul li.instagram a {
   background: url(YOUR-INSTAGRAM-ICON-URL) no-repeat;
   background-size: 30px 30px;
}
.social-profiles ul li.telegram a {
   background: url(YOUR-TELEGRAM-ICON-URL) no-repeat;
   background-size: 30px 30px;
}
.social-profiles ul li.tiktok a {
   background: url(YOUR-TIKTOK-ICON-URL) no-repeat;
   background-size: 30px 30px;
}
.social-profiles ul li.twitter a {
   background: url(YOUR-X-ICON-URL) no-repeat;
   background-size: 30px 30px;
}

4. Save Theme

Tip: You’ll need to upload 30x30px PNG icons for Instagram, X, TikTok, and Telegram into a blog post and get the URL’s and replace YOUR-XXX-ICON-URL with the direct image links. Facebook and YouTube will keep working with the original theme icons!