Blogger Blog में Whatsapp Share Button कैसे ऐड करें? – पूरी जानकारी हिंदी में |

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

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

अगर आप अपने 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 कर सकते है |

इन्हें भी पढ़े –

How To Remove URL ?m=1 In Blogger In Hindi.
Blog Post Me Code Box Kaise Lagaye?

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 को लगा चुके है।

☛ Custom Robots.txt File Ko Blogger Me Kaise Add Kare
☛ Blogger Ki Har Post Me Author Profile Box Kaise Lagaye