আসসালামু আলাইকুম আশা করছি ভালো আছেন, আপনারা যারা ব্লগ সাইট নিয়ে কাজ করছেন তারা কিভাবে আপনাদের ব্লগ ওয়েবসাইটের পোস্টের মধ্যে Whatapps & Telegram Chanel জইন লিংক ইমপ্লিমেন্ট করবেন সে বিষয়ে নীচের ভিডিও থেকে দেখে নিতে পারবেন এবং এই কোডটি আপনাদের প্রয়োজন পড়বে। 👇
Also Read
<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>
এ কাজটি সম্পূর্ণভাবে করতে নিচের ভিডিওটি অনুসরণ করুন 👇
ব্লগ সাইট সম্পর্কিত সব ধরনের তথ্য এবং পরামর্শ পেতে আমাদের ইউটিউব চ্যানেল এবং এই ওয়েবসাইটটি সাবস্ক্রাইব করে রাখুন।
👉🙏লেখার মধ্যে ভাষা জনিত কোন ভুল ত্রুটি হয়ে থাকলে অবশ্যই ক্ষমা সুন্দর দৃষ্টিতে দেখবেন।
✅আজ এ পর্যন্তই ভালো থাকবেন সুস্থ থাকবেন 🤔
প্রয়োজনীয় আরো পোস্ট সমূহ:-
ব্লগ সাইট তৈরি করে প্রতিমাসে মিনিমাম ১০ থেকে ৩০ হাজার টাকা পর্যন্ত আয় করুন (শূন্য থেকে) ওয়েবসাইটের জন্য Backlink Website List এবং ভিডিও টিউটোরিয়াল ফ্রি প্রফাইল ব্যাকলিংক ওয়েবসাইট লিস্ট ব্লগার ওয়েবসাইট পেজ স্পিড অপটিমাইজেশন এইচটিএমএল ফাইল ব্লগ ওয়েবসাইট তৈরি করে নিয়ে মাসে ৬০-৭০ হাজার টাকা আয় করুন
Related Posts:
