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

आज के इस आर्टिकल मे आपको Blogger Blog में Whatsapp Share Button कैसे लगाएँ विषय के बारे मे जानकारी मिलेगी। मैंने अधिकतर देखा है की Blogger पर Hosted Shayari, SMS Blogs में Share Buttons की कमी दिखती ही है क्यूंकी Blogs मे Unique Share Buttons Add करने होते हैं। लेकिन हम ऐसा नही कर पाते हैं। तो आज के इस विषय के बारे में हम विस्तृत मे चर्चा करेंगे।

आज के समय मे आपको पता ही होगा Whatsapp ने एक Messenger Application के रूप मे अपनी क्या भूमिका बनाई है। भारत मे जो व्यक्ति Smart Phone Use करता है वो Whatsapp Messenger एप्लिकेशन जरूर प्रयोग/ उपयोग करता है। इसलिए अगर आप अपने Blog मे whatsapp Share Button Use नही कर रहें हैं तो आप बहुत बड़ी भूल कर रहे हैं। Whatsapp के जरिये आपके Articles को अच्छा Traffic मिल सकता है। 

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

आप अपने Blogs मे Whatsapp Share Button दो तरीकों से जोड़ सकते हैं। अगर आपका शायरी, SMS या कोई अन्य Content शयरिंग Blog है तो भी आप इस Button के द्वारा Content भी शेयर कर सकते हैं। 

Step 1 - ब्लॉगर डैशबोर्ड >> थीम >> Edit HTML 
Step 2 - अब आपको HTML Editor मे दिख रहे Code मे कहीं पर भी क्लिक करना है। फिर आपको CTRL+F दबाना है। जिससे आपके search option खुल जाएगा। इसमे आपको </head> सर्च करना है।

Step 3 - अब नीचे दिये गए JavaScript Code को </head> Tag के पहले Add करना है।
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script>
// Whatsapp share button
$(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("This function works on Mobile Device only");}});
});

</script>

Step 4- अब आपको Search Box मे ]]></b:skin> टाइप करके Enter करना है। नीचे दिये गए CSS Code को ]]></b:skin> के पहले Add करना है।

 /* Whatsapp css setting */
.tist{background:#35BA47; color:#fff; padding:2px 6px; border-radius:3px;}

a.tist:hover{color:#fff !important;}

Step 5- इसके बाद आपको अपने Theme Post Footer Section मे नीचे दिया गया HTML Code Paste करना है और आपको Theme Save कर लेना है। अगर आपको Page/Post Title के साथ post link share करना है।

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

इसके अलावा अगर शायरी, SMS Blog में Whatsapp Sharing Button Add करना चाहते हैं, जिससे Shayari, SMS या Quotes को whatsapp पर Send कर सकें। तो आप नीचे दिया गया HTML Code Add करें।  
<a class='tist' expr:data-href='data:post.url' expr:data-text='data:post.body' href='#'>Share on whatsapp</a>

इस Button के द्वारा आप Post Content को Whatsapp पर भेज सकते हैं।

इंटरनेट पर आपको बहुत सारी वैबसाइट मिल जाएंगी जो Blogger के लिए Whatsapp के साथ-साथ सभी Social Platforms पर Share का Option मिल जाएगा।

अगर आपका कोई सुझाव या सवाल है। तो आप बेझिझक टिप्पणी कर सकते हैं।  
Next Post