Whatsapp Share Button for ब्लॉगर (शेयर बटन)

Blog का Traffic Whatsapp के द्वारा बढ़ाना है तो Whatsapp share button html code जरूर लगाएं हमने इस पोस्ट में Whatsapp Share button को दिया है जिसके द्वारा आप अपने ब्लॉग पर यह HTML कोड को पेस्ट करके शेयर बटन लगा सकते हैं जिससे कि कोई भी यूजर विजिटर्स आपकी पोस्ट को Whatsapp पर Share कर सकता है और जिससे कि आपके ब्लॉग का traffic बढ़ता है l
Whatsapp Share Buttons HTML Code

Whatsapp Share Button with Icon Type 1
<a class='whatsapp' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:post.title + &quot; | &quot; + data:post.url' rel='nofollow' target='_blank'>
<i class="fa fa-whatsapp" style="font-size:20px;color:green"></i></a>
इस Whatsapp शेयर बटन में whatsapp icon का साइज़ change कर सकते हैं अभी इस आइकॉन का साइज़ 20 कर रखा है और रंग भी change कर सकते हैं वेसे तो हरा रंग ही अच्छा होता है whatsaap शेयर बटन के लिए लेकिन यदि आप चाहे तो इस आइकॉन का रंग भी बदल सकते हैं l Demo देखना चाहते हैं तो उपर दिए आइकॉन पर क्लिक कर के देख सकते हैं

Whatsapp Share Button with Image Type 2
<a class='whatsapp' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:post.title + &quot; | &quot; + data:post.url' rel='nofollow' target='_blank'><img border="0" data-original-height="104" data-original-width="245" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCVS5pOvP4wA-XiGb7yJDq8xkOEmCJBV4zohTA5AtwA_WFE4MMaStW9sV2obnFmCff8IRN1JmIeiB5PoxPA932A_uyL5ymzUElCdcQ6QhIDlSlT3G2nSmLxYtsT8zEHqItL8N7lvRWj4s/s200/whatsapp+share+button.JPG" width="50" /></a>
इस Whatsapp शेयर बटन में image के द्वारा बटन बनाया गया है l इसमें आप image को change भी कर सकते हैं व image का साइज़ जैसे height व width change कर सकते हैं l इस बटन का डेमो देखने के लिए उपर दिए "Share" लिखे हुए इमेज पर क्लिक करें l

Desktop के लिए Whatsapp शेयर बटन टाइप 3
<a class='whatsapp' expr:href='&quot;https://web.whatsapp.com/send?text=&quot; + data:post.title + &quot; | &quot; + data:post.url' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=900, height=550, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'/><i class="fa fa-whatsapp" style="font-size:20px;color:green"></i></a>
इस बटन को आप डेस्कटॉप visitors के लिए बना सकते हैं l इस बटन के द्वरा कोई विजिटर डेस्कटॉप जैसे कंप्यूटर या लैपटॉप आदि में भी शेयर कर सकते है l

Specific लिंक Whatsapp शेयर बटन Type 4
<a class='whatsapp' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:post.title + &quot; | &quot; + data:post.url' rel='nofollow' target='_blank'><i class="fa fa-whatsapp" style="font-size:20px;color:green"></i></a>
इस Whatsapp शेयर बटन के द्वारा आप अपने visitor से कोई भी specific लिंक शेयर करवा सकते हैं जैसे कि कोई एक पोस्ट का लिंक को शेयर करवाना कहते हैं l

दिए गए सभी whatsapp शेयर html कोड को सीधे अपने ब्लॉग में पेस्ट करें जहाँ आपको यह whatsapp शेयर बटन चाहिए वहां पर इन कोड को पेस्ट कीजिए l यदि आपको demo देखना है तो हमने इस पोस्ट के नीचे whatsapp शेयर बटन लगा रखा है उस पर क्लिक कर के पोस्ट को शेयर कर के देख सकते हैं l

Post a Comment

0 Comments