अपनी Blog posts में whatsapp share button को add या replace कैसे करें?

इस पोस्ट में आपको मैं बताऊंगा कि कैसे आप अपने ब्लॉगर के ब्लॉग में पोस्ट शेयरिंग बटन में whatsapp button को add या replace कर सकते हैं। ये बहुत ही आसान है बस आपको नीचे बताए गए आसान स्टेप्स का पालन करना है।

Step 01

सबसे पहले अपने ब्लॉग के होम पेज पर जाकर उसमें edit theme का चयन करें।

कोई भी बदलाव करने से पहले आप अपनी मौजूदा theme का backup ले लें ताकि coding में कोई गड़बड़ी हो तो आप उसे वापस ठीक कर सकें।

Step 02 

अब आपको यहाँ edit html पर click करना है।

Step 03 

आप आपको अपने html कोड में .share-art को खोजना है। इसके लिए आप अपने html code में कहीं भी touch करके ctrl+f दबाकर सर्च बॉक्स में share art लिखकर भी सर्च कर सकते हैं या manually भी खोज सकेते हैं।

Step 04

 यहाँ आप नीचे दिए गए कोड को कॉपी करके पेस्ट या किसी बटन को replace करना चाहते हैं तो उस कोड से रिप्लेस कर दें।(जैसे आपके ब्लॉग post sharing में google plus की extra button हो, जो कि अब काम नहीं करती तो आप उससे whatsapp button को replace कर सकते हैं।

First Code A:

.share-art .whatsapp{background-color:#39BA00}
      

Step 05 

अब उसके बाद अपने html code में crtl+f दबाकर सर्च बॉक्स में sharer को सर्च करके देखना है। नीचे दिए स्क्रीनशॉट में आपको उदाहरण दिख रहा है <a class= से a> तक आपको नीचे दिया हुआ कोड paste करना है या किसी बटन को हटाकर whatsapp button add करना है तो उस code से रिप्लेस करना है।

Second Code:

<a class='whatsapp' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-whatsapp'/><span> Share it</span></a>

निष्कर्ष  

अब कोई भी आपका रीडर आपकी किसी भी पोस्ट को आसानी से केवल व्हाट्सअप बटन पर टेप करके शेयर कर सकेगा। इससे आपकी पोस्ट्स को सोशल मीडिया पर ज्यादा से ज्यादा reach मिलेगी।बस हो गया काम। अब आपको अपनी हर पोस्ट में नीचे दी हुई मेरी पोस्ट जैसी शेयरिंग बटन दिखेंगी।