इस पोस्ट में मैं आपको बताने जा रहा हूँ कि कैसे आप अपने WordPress Website के हर पोस्ट के Header, Footer या किसी अन्य लोकेशन पर भी अपने Telegram या Whatsapp ग्रुप या चैनल का लिंक आकर्षक तरीके से दिखा सकते हैं। कुछ इस तरीके से –
अपने ब्लॉग वेबसाइट पर इस तरह का लिंक देने से आपको अपने अपने वेबसाइट पर आ रहे यूजर्स को कैप्चर करने में मदद मिलेगी, और अपने सोशल मीडिया चैनल की मदद से भविष्य में कोई भी लिंक शेयर करके ट्रैफिक पा सकते हैं। यह काम करने के लिए आप इन स्टेप्स को फॉलो करें –
Step 1 – Ad Inserter Plugin इंस्टाल करो
- WordPress Dashboard में Plugin आप्शन में जाकर Ad Inserter Plugin इनस्टॉल करें
- इनस्टॉल हो जाने के बाद Activate करें
Step 2 – यहाँ दिया गया कोड कॉपी करके एडिट करें
यह एक CSS कोड है जिसमें बेसिक blinking इफ़ेक्ट और बटन लिंक देने का आप्शन दिया गया है। इसे कॉपी कर लें –
<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;
}
}
.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="Yaha Apna Link Lagaye Whatsapp Ka" 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="Yaha Apna Link Lagaye Telegram Ka" rel="nofollow noopener noreferrer"
target="_blank">
<i class="fab fa-telegram"></i> Join Now
</a>
</div>
code link - https://drive.google.com/file/d/15odvKmOs8zoCehJ-jsGgQyzzUVQW4deL/view
Step 3 – Ad inserter में कोड पेस्ट व एडिट करके बटन दिखाने का लोकेशन सेट करें
यह कोड कॉपी करके आप Ad inserter आप्शन में जाएँ, और एक ब्लाक के अंदर पेस्ट कर दें। कोड के अंदर इन दो स्थानों पर अपना Whatsapp और Telegram लिंक शेयर करें –
- Paste Your Whatsapp link Here – इसे हटाकर अपना whatsapp चैनल या ग्रुप का लिंक पेस्ट कर दें
- Paste Your Telegram link Here – इसे हाकर कर अपना telegram ग्रुप या चैनल का लिंक पेस्ट कर दें
और नीचे दिए गए आप्शन में Post बॉक्स को tick करें,
और Instertion आप्शन में Before Content का विकल्प या अपनी मर्जी से कोई भी लोकेशन चुने, और Alignment में Center विकल्प चुनकर save बटन पर क्लिक कर दें।
यह करके जब आप, Cache क्लियर कर दें और कोई पोस्ट खोलकर देखें। दोनों लिंक अच्छे से दिखने लगेंगे।
उम्मीद है आपको ये जानकारी पसंद आयी होगी। अगर आयी है तो कमेंट में बताना।