📌 Introduction
Want to boost your blog traffic and connect with your readers directly? You can add WhatsApp and Telegram group buttons using simple HTML code to any blog post on Blogger.
.png)
🛠️ How to Use HTML Code for WhatsApp & Telegram in Blogger
<div style="border: 1px solid teal; border-radius: 2px; background: #f0f8ff; display: flex; align-items: center; padding: 7px; justify-content: space-between;">
<span style="display: flex; align-items: center;"><i class="fa fa-whatsapp" style="font-size:24px;color:#25d366;"></i>
<span style="font-weight: bold; margin-left: 10px; font-size: 0.9rem !important;">WhatsApp Group </span>
</span>
<a class="seoquake-nofollow" href="https://whatsapp.com/channel/0029Va9DDdO0wajwAyj8e31K
" rel="nofollow noopener noreferrer" style="text-decoration: none; background: #25d366; color: #242424; padding: 5px 10px; border-radius: 2px; flex-shrink: 0;" target="_blank">
Join Now
</a>
</div>
<div style="border: 1px solid teal; border-radius: 2px; background: #f0f8ff; display: flex; align-items: center; padding: 7px; justify-content: space-between;">
<span style="display: flex; align-items: center;"><i class="fa fa-telegram" style="font-size:24px;color:#004F7A;"></i>
<span style="font-weight: bold; margin-left: 10px; font-size: 0.9rem !important;">Telegram Group </span>
</span>
<a class="seoquake-nofollow" href="https://t.me/technobipu" rel="nofollow noopener noreferrer" style="text-decoration: none; background: #004F7A; color: white; padding: 5px 10px; border-radius: 2px; flex-shrink: 0;" target="_blank">
Join Now
</a>
</div>(code-box)
📥 Where to Paste the Code
Go to Blogger > Posts > New Post
Click on HTML View
Paste the code where you want the button to appear
Switch back to Compose View to preview
