in ,

Blogger Blog में Whatsapp Share बटन कैसे लगाए ?

Blogger Blog me whatsapp share button kaise lagaye

हेलो दोस्तों, आप सभी का हमारे इस ब्लॉग “Techify ideas” में स्वागत है | आज हम लोग इस ब्लॉग पोस्ट में जानेंगे कि आप अपने Blogger Blog में Whatsapp Share बटन कैसे लगाए ? आप सभी जानते हैं कि आज के समय में लोग सोशल मीडिया पर हमेशा एक्टिव रहा करते हैं |

उस स्थिति में आपको ब्लॉक का ट्रैफिक बढ़ाने का सबसे बढ़िया रास्ता है कि आप अपने ब्लॉग पोस्ट को सोशल मीडिया पर शेयर करते रहना | लेकिन सोशल मीडिया पर ब्लॉक पोस्ट को शेयर करने के लिए हमें उन सभी सोशल मीडिया शेयर बटन ऐड करना चाहिए जहाँ पर लोग ज्यादा Active रहते हैं, लेकिन आज हम इस पोस्ट में हम बात कर रहे हैं कि How to add whatsapp share button in blogger in Hindi

क्यों हमें Whatsapp Share Button For Blogger में Add करना चाहिए?

आप सभी जानते हैं कि whatsapp एक पॉपुलर messaging app है | मान लीजिए कोई विजिटर आपके ब्लॉग पोस्ट को पढ़ रहा है और उसको आपका यह पोस्ट अच्छा लगा हो और वो आपकी पोस्ट को शेयर करना चाहे तो कहाँ करेगा |

उस स्थिति में आपको अपने ब्लॉग पर Whatsapp Share Button को Add करना बहुत ही जरूरी हो जाता है, क्योंकि visitor आपके पेज को share करने के लिए पेज के URL को कॉपी पेस्ट करना ज्यादा पसंद नहीं करते हैं |

Blogger Blog में Whatsapp Share Button कैसे लगाएं?

अगर आप अपने blogger website में whatsapp share button लगाना चाहते हैं, तो मैंने आपको नीचे step-by-step करके बतलाया है कि आप कैसे Whatsapp Share Button Html Code के माध्यम से लगा सकते हैं बस आपको नीचे दिए गए Step को फॉलो करना है |

Step #1

1. सबसे पहले आप Blogger.com वेबसाइट पर जाकर अपने अकाउंट से Log In कीजिए |

2. उसके बाद ब्लॉगर के डैशबोर्ड में “Theme” वाले ऑप्शन में जाइये |

3. Theme में आने के बाद आपको “Edit Html” वाले ऑप्शन पर क्लिक करना है |

( ध्यान रहे :- Edit Html पर क्लिक करने से पहले अपने “Theme” का एक बार BackUp जरूर ले लें | )

4. Edit Html पर क्लिक करने के बाद आपको इस कोड में कहीं भी एक बार क्लिक करके अपने कीबोर्ड से ctrl+f दबाये। जैसे ही आप ctrl+f दबाते है आपके सामने एक सर्च बॉक्स खुल जायेगा।

5. उसके बाद आपको उस सर्च बॉक्स में ]]></b:skin> लिखकर सर्च करना है।

6. Search करने के बाद आपको निचे दिए गए CSS कोड को कॉपी करके इस कोड ]]></b:skin> के ऊपर पेस्ट कर देना है।

Note- इस code को copy करने के लिए इस code में कहीं भी click करके इस code ऊपर में copy करने का बटन आएगा उस पर क्लिक करके code को copy कर सकते है |

.tist{background:#35BA47; 
color:#fff; 
padding:2px 6px; 
border-radius:3px;}
a.tist:hover{color:#fff !important;}

Step #2

CSS कोड को पेस्ट कर लेने के बाद अब आप फिर से इस कोड में कहीं पर भी क्लिक करके कीबोर्ड से ctrl+f दबाकर सर्च बॉक्स में </head> लिख कर सर्च करे। उसके बाद आपको निचे दिए गए Java Script कोड को कॉपी करके </head> टैग के Just ऊपर paste करना है।

इस code को copy करने के लिए इस code में कहीं भी करके इस code ऊपर में copy करने का बटन आएगा उस पर क्लिक करके code को copy कर सकते है |

Note- इस code को copy करने के लिए इस code में कहीं भी click करके इस code ऊपर में copy करने का बटन आएगा उस पर क्लिक करके code को copy कर सकते है |

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script>
$(document).ready(function() {
$(document).on("click", '.tist', function() {
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
var text = $(this).attr("data-text");
var url = $(this).attr("data-href");
var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);
var whatsapp_url = "whatsapp://send?text=" + message;
window.location.href = whatsapp_url;} 
else {alert("If you want to share on WhatsApp, Then please use Mobile Device");}});
});
</script>

Step #3

1. </head> टैग के ऊपर Java Script को पेस्ट करने के बाद अब आपको फिर से इस कोड में कहीं पर भी क्लिक करके कीबोर्ड से ctrl+f दबाकर सर्च बॉक्स में <data:post.body/> लिख कर सर्च करना है।

2. अब आपको निचे दिए गए Html कोड को कॉपी करके उस जगह पर पेस्ट करना है जहाँ पर आपके दूसरे शेयर बटन लगे हुए है उनके साथ ही निचे दिए गए Html कोड को पेस्ट करे।

<a class='tist' expr:data-href='data:post.url' expr:data-text='data:post.title' href='#'>WhatsApp</a>

( ध्यान रहे :– Html के अंदर <data:post.body/> कोड को सर्च करने के बाद आपको ये कोड एक से ज्यादा बार मिल सकता है तो आपको सबसे Last वाले के निचे इस Html कोड को paste करना है। )

सभी कोड को Add कर लेने के बाद ऊपर राइट साइड में Save Theme पर क्लिक करके अपने थीम को सेव कर लें। अब आप अपने ब्लॉगर वेबसाइट में WhatsApp Share Button को लगा चुके है।

Conclusion

तो इस पोस्ट में हमलोगो ने जाना की Blogger Blog में Whatsapp Share Button कैसे लगाए? अगर आपका कोई Friend है और वो भी अपने Blogger Blog वेबसाइट में whatsapp Share Button लगाना चाहते है तो आप ये स्टेप्स अपने Friend को बता सकते है और उनकी मदद कर सकते है।

इससे सम्बन्धित आप कुछ पूछना चाहते हैं या फिर आपके पास कोई सुझाव है तो आप हमें कमेंट में ज़रुर बताए। आगे भी ऐसी ही महत्वपूर्ण जानकारी प्राप्त करने के लिए बने रहे Techify ideas पर, धन्यवाद!

What do you think?

Written by Ravi Ranjan

Hello friends, मेरा नाम Ravi Ranjan हैं और मैं Blogging करने के साथ-साथ Youtuber भी हूँ | इस Blog में मैं Tech news, Blogging, SEO, Internet, Earn money, Job और Facebook जैसे अनेक Topic पर पोस्ट लिखता हूँ | blogger पर मेरा मेन मकसद है कि मैं आपको अच्छे से अच्छे जानकारी दूँ ताकि आप Technology के क्षेत्र में पीछे ना रहें |