ব্লগ পোস্টে WhatsApp ও Telegram Channel বাটন যুক্ত করার সহজ HTML কোড

বর্তমানে ব্লগ বা ওয়েবসাইটে WhatsApp এবং Telegram এর মতো জনপ্রিয় মেসেজিং অ্যাপ যুক্ত করা অত্যন্ত গুরুত্বপূর্ণ। এর মাধ্যমে আপনার পাঠকরা সরাসরি আপনার চ্যানেল বা গ্রুপে যোগ দিতে পারে এবং নিয়মিত আপডেট পেতে পারে।

আজকে এই পোস্টে আমি আপনাদের জন্য নিয়ে এসেছি একটি রেডি HTML কোড, যার মাধ্যমে আপনি খুব সহজে আপনার ব্লগ পোস্টে WhatsApp Channel এবং Telegram Channel বাটন যুক্ত করতে পারবেন।

👉 আমি এ নিয়ে ভিডিও টিউটোরিয়াল তৈরি করেছি, আর কোডটি নিচে শেয়ার করলাম যাতে আপনারা সহজে সংগ্রহ করতে পারেন।

WhatsApp & Telegram Channel যুক্ত করার HTML কোড

🔽 নিচের কোডটি কপি করে আপনার ব্লগ পোস্ট/ওয়েবসাইটে HTML মোডে পেস্ট করুন:

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

   <style>

        .group-card {

            margin-bottom: 20px;

            position: relative;

            border: 2px solid transparent;

            border-radius: 5px;

            background: #f0f8ff;

            display: flex;

            align-items: center;

            padding: 7px;

            justify-content: space-between;

            overflow: hidden;

        }

        .whatsapp-card {

            animation: whatsapp-border-animation 1s infinite;

        }

        .telegram-card {

            animation: telegram-border-animation 1s infinite;

        }

        @keyframes whatsapp-border-animation {

            0% {

                border-color: transparent;

            }

            50% {

                border-color: #25d366;

            }

            100% {

                border-color: transparent;

            }

        }

        @keyframes telegram-border-animation {

            0% {

                border-color: transparent;

            }

            50% {

                border-color: #004F7A;

            }

            100% {

                border-color: transparent;

            }

        }

        @keyframes instagram-border-animation {

            0% {

                border-color: transparent;

            }

            50% {

                border-color: #E1306C;

            }

            100% {

                border-color: transparent;

            }

        }

        .seoquake-nofollow {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            font-size: 1rem;

            font-weight: bold;

            text-decoration: none;

            padding: 5px 20px;

            border-radius: 2px;

            flex-shrink: 0;

            transition: all 0.3s ease-in-out;

            color: white !important;

        }

        .seoquake-nofollow i {

            margin-right: 5px;

        }

        .whatsapp-card .seoquake-nofollow {

            background: #25d366;

        }

        .telegram-card .seoquake-nofollow {

            background: #004F7A;

        }

        .seoquake-nofollow:hover {

            transform: scale(1.05);

        }

    </style>

    <div class="group-card whatsapp-card">

        <span style="display: flex; align-items: center;"><i class="fab 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/0029VaXQJKI11ulOFf4dHU2v" rel="nofollow noopener noreferrer"

            target="_blank">

            <i class="fab fa-whatsapp"></i> Join Now

        </a>

    </div>

    <div class="group-card telegram-card">

        <span style="display: flex; align-items: center;"><i class="fab 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/ssitbarinews24" rel="nofollow noopener noreferrer"

            target="_blank">

            <i class="fab fa-telegram"></i> Join Now

        </a>

    </div>

👉 এখানে শুধু YOUR_WHATSAPP_CHANNEL_LINK এবং YOUR_TELEGRAM_CHANNEL_LINK এর জায়গায় আপনার আসল লিংক বসিয়ে দিন।

কেন এই বাটন ব্যবহার করবেন?

✔ পাঠকরা সহজে আপনার সাথে যুক্ত হতে পারবে।
✔ ব্লগের এনগেজমেন্ট বাড়বে।
✔ চ্যানেলে দ্রুত ফলোয়ার বাড়াতে পারবেন।
✔ আপনার ব্লগ/বিজনেস আপডেট সরাসরি ইউজারদের কাছে যাবে।

উপসংহার

যদি আপনি চান আপনার পাঠকরা সহজে WhatsApp ও Telegram চ্যানেলে যুক্ত হোক, তাহলে উপরের কোড কপি করে ব্লগ পোস্টে যুক্ত করুন। আর হ্যাঁ, ভিডিও টিউটোরিয়ালও অবশ্যই দেখে নেবেন—তাহলে পুরো প্রসেস আরও ক্লিয়ার হবে।

ভিডিও টিউটোরিয়াল 🎥

যারা কোড বসানোর প্রক্রিয়াটা লাইভ দেখে শিখতে চান, তারা নিচের ভিডিওটি অবশ্যই দেখে নিন। এখানে আমি ধাপে ধাপে দেখিয়েছি কীভাবে WhatsApp ও Telegram Channel ব্লগ পোস্টে যুক্ত করতে হয়।

➡️ ভিডিও নিচে দেওয়া হলো: