3 Stylish Whatsapp Share Button Blog Me Kaise Add Kare

3 stylish Whatsapp Share Button blog me kaise add kare

Hello friends आज के इस पोस्ट मे हम बताने जा रहे है whatsapp Social share Button ke बारे में……

Blog website me whatsapp share button kaise add kare

whatsapp Share button Logo

Blog मे Social share button kyu add kare Blog me social share button kaise add kare keya social share button add karne me ब्लॉग का Look
अच्छा हो जाता है क्या सभी template मे Social share Button होते है क्या उन
Social Share button मे whatsapp
Share बटन भी होते है

Whatsapp share button kyu add kare

Whatsapp Share Button add करने से
Blog का Look बेहतर हो जाता है और आज के समय मे किसी भी website Blog को popular करने का बेस्ट तरीका है Social Sites इन Social sites मे सबसे ज्यादा popular है Facebook, और whatsapp

जब हम ब्लॉग बनाते है तो ब्लॉग के लिए बेस्ट
Template Choose करते है बेस्ट तो होते है
लेकिन उनमे Sabhi Social Share button
रहते है लेकिन ज्यादातर template मे Whatsapp Share button नही होते है

Whatsapp Share button रहने से आपके
Blog पर आनेवाले युजर को अगर पोस्ट पसन्द आ जाए तो उस पोस्ट को जरुर अपने दोस्तो को
भी ये जानकारी बताना चाहेगा । और इसके
बेस्ट ऑप्शन Share करना ही रहता है whatsapp के ग्रुप मे अगर Share करता है तो ग्रुप मे हमेशा कोइ – न – कोइ Online रहता ही है । और जरूर वो Share किए गए लिंक पर करेगा । यानी  की सीधा शब्दो में कहे तो Whatsapp Shars button Blog मे लगाने से आपके ब्लॉग की Traffic बढ़ाने मे मदद करता है

Note ; मैने यहॉ आपको 3 कोड दिया है और तीनो कोड 100% work करता है
कोड नम्बर ( 3 ) तीन का Css कोड भी है अगर Whatsapp को बेहतर लुक देना चाहते है तो
Css कोड को जरूर add करे रही बात Css code कैसे add करने की तो आप post को पढ़ेगें तो समझ जाएंगें ।

Step.000 आपको 3 कोड मे से अगर Css वाला add करना है तो कोड नम्बर 3 के नीचे Css कोड है उसे Copy कर ले

Code 1

Whatsapp Share Button Screen Shot 1 How to add Social Share button whatsapp to Blog

<li><a class=”whatsapp” expr:href=”&quot;whatsapp://send?text=&quot;+ data:post.title+ &quot; &quot; + data:post.url” href=”whatsapp://send?text=http://HindivHelp.blogspot.com” onclick=”window.parent.null” rel=”nofollow” target=”_top” title=”Shareto whatsapp”><i class=”fa fa-whatsapp”>Share in Whatsapp</i></a></li></div>

Code 2

whatsapp Share button screenshot 2

<a href=”whatsapp://send?text=http://Hindivhelp.blogspot.com/run-command-prompt-cmd-commands-from-java/” data-action=”share/whatsapp/share”>Share in Whatsapp</a></ahref=”whatsapp:>

Code 3

Code 3 ka aisa hi green ( हरा ) दिखेगा ।
whatsapp Share Button screenshot.3

<p> <a href=”whatsapp://send?text=TEXT_OR_URL” title=”Share on WhatsApp” class=”btn-whatsapp”>Share on WhatsApp</a>

Css code 3 ka

<style type=”text/css”>
.btn-whatsapp{display:block; max-width:200px; color:#fff; text-align:center; padding:10px; margin:0 auto 0 auto; background:#48C631;}
</style>

Step.1 अब Blogger मे लॉगिन करे ।
Dashboard मे जाएं और Template पर क्लिक करे  उसके बाद Edit html पर क्लिक करे

Edit html and search Head on pest css code

Template open हो जाने के बाद Template में <Head> को Search करे
<Head> मिल जाने पर Copy किए गए Css कोड को <Head> के उपर pest कर दे

Search Head and pest Css code

उसके बाद Template को Save कर दे

Note 2;  कोड 1, कोड 2 कोड 3 तीनो को एक ही तरीका से add करना है आपको add करना है Css Code वाला Whatsapp Share Button इसके लिए कोड नम्बर 3 ko Copy कर ले

Step. 2 Blogger ब्लॉग के Dashboard मे जाएं Layout पर क्लिक करे

Step.3 Sidebar मे Add a  Gadget पर क्लिक करे

Step.4 add a Gadget पर क्लिक करने के बाद न्यु विंडो खुलेगी उसमे Html/javascrip पर क्लिक करे

Step.5 html/javascript पर क्लिक करने के बाद दो बॉक्स ओपेन होगी एक छोटा बॉक्स जिसमे Tittle लिखना है मै तो कहुँगा की इसे ऐसे ही खाली छोड़ दे और बड़े बाले बॉक्स मे Copy किए हुए Whatsapp कोड को पेस्ट कर दे ।

Whatsapp Share code pest Htm/javaScript box

उसके बाद नीचे Save पर क्लिक करके Save कर दे ।

आपके Blog website मे Whatsapp Social Share Button add हो चुका है
आप अपने Blog को Refresh करके देख सकते है

नोट;3 Share button आपको कम्प्युटर मे नही दिखेगा और अगर किसी प्रकार के पोस्ट को Share करना चाहते है तो Crome Browser opera mini mozila firefox ect..browser से कर सकते है क्योकी अधिक लोग uc browser युज करत है ये आपको uc browser मे दिखेगा

उम्मीद करता हुँ की ये post आपको जरूर पसन्द आया होगा और अगर पसन्द आए तो

इस post को Social Media मे जरुर Share कर दे और

Similar Posts:

About Editorial team

94f59f3df076a9eba56b038cf6129a0f?s=90&d=mm&r=gMy Name is manish i am the founder of this successbranch blog. the main objective this blog is to promote hindi in the world . for this, i share all kinds of information here in hindi Learn More


Subscribe.

  Get daily blogging seo and news delivered to your inbox..🧡



Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.