WhatsApp Join Button HTML for Blogger | Blogger में WhatsApp बटन Add कारने का Best तरीका।
दोस्तो तो कैसे हो अपलोग? आजके इस ब्लॉग में हम सीखेंगे कि blogger के साइट में WhatsApp के button को कैसे add किया जाता हैं, आपको बास सिर्फ हमारे दिए गए codes को use करनी है।
आपको कहापर codes को update करनी हैं और कैसे करनी है वो सबकुछ हम नीचे विस्तारित बताकर रक्खे है, आप हमारे दिए गए वीडियो को देखकर भी असनीसे Whatdapp button add कर सकते हो।
 |
| WhatsApp Join Button for Blogger |
Important :
आप हमारे इस blog पार देख सकते हो कि कैसा दिखाई देगा आपके साइट पर ये codes को apply कारने के बाद।
क्यू whatsapp बटन यूज करते है :
दोस्तो आजकल तो सभिके पास WhatsApp का एक अकाउंट होता हैं, तो अगर आपके group पे बोहोत सारे यूजर्स है तो आपको directly और बोहोत अच्छा प्रीमियम traffic मिल सकते है। इससे चलते आपको और भी जायदा revenue generate कार सकते हो।
Here is the 2 Steps for Setup Free Chat Room Widget for Blogger :
यहापार बताए गए दो स्टेप्स जो आपको आपके body और head सेक्शन में add करना होगा, कैसे और काहापर एड करोगे इसके लिए नीचे दिए गए स्टेप्स को follow कारे।
तो चलिए सुरु करते हैं!
How to Add whatsapp chat Button on our blogger website for free :
Step no 1 :
सो दोस्तो सबसे पहले आपको CSS code को एड करनी है, जो हमने नीचे दिए रक्खे है। आप नीचे दिए गए इस code को copy का सकते हो।
THIS IS A CSS CODE YOU CAN COPY
.float{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float{
margin-top:16px;
}
PLEASE USE THIS CODE
CSS Code को कहा paste कारे :
आपको अभी सिम्पली आपके template के थीम section को edit करना है, और आपको </style> tag को ढूंढ ना है। नीचे फोटो में आपको दिखाई दे रहा होगा।
 |
| CSS code installetion |
दोस्तो कॉड को पेस्ट करने के बाद आपको अभी इसको save करना होगा, बास आपका एक काम तो होगया। आपको इस कोड में कोईवी changes करने की जरूरत नहीं है।
Step no 2 :
आपको और एक HTML Code को एड करना है, जो आपको नीचे दिखाई दे रहा होगा। आप इसको भी copy कार सकते हो।
COPY AND PASTE THE HTML CODE
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://api.whatsapp.com/send?phone=916296353659&text=Hello%21%20Quisiera%20m%C3%A1s%20informaci%C3%B3n%20sobre%20Varela%202." class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>
USE THIS CODE ON YOUR LAYOUT SECTION
HTML Code को कहा पेस्ट कारे :
Copy कारने के बाद आपको अपनी blog के layout section में जाना है, और आप इस कोड को किजिवी जगह यूज कर सकते हो। सिम्पली आपको HTML and Tag Code के widget को यूज करनी है। नीचे आपको फोटो पर दिखाया गया है।
 |
| HTML code installetion |
Note : के आपको इस कोड में अपना Whatsapp number जरूर change करना होगा नेहितो ये कोड work नहीं करेगा। दिए गए कोड पार जहा हमने blue colour के यूज किया है आपको सिर्फ वो change करनी है।
Final Step to Add WhatsApp Button :
दोस्तो अभी आपको save करके अपनी साइट या ब्लॉग को विजिट करना है, मुझे उम्मीद है कि आपको हमारे दिए गए codes और बताए गए तरीका अच्छा लगा होगा।
Conclusion :
दोस्तो और भी बोहोत सारे तरीका है अपने blogger के साइट में इस तरीके का buttons के को लगाने की, अगर आपको जानना है तो आप हमें comment के हेल्प से बता सकते हो। और है ये ब्लॉग आपको कैसा लगा वो भी जरूर हमें बताए। हमारे साथ जुड़ सकते है हमारे YouTube channel पर।
Thank you for reading our blog! We are happy to help you, please stay with us and join our family.
Comments
Post a Comment