webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp

ब्लॉगर मोबाइल संस्करण पर Whatsapp, Email , Sms शेयर बटन कैसे जोड़े

Posted : | Posted By: Piush Trivedi | Labels: , , 18 Comments
Posted by: Piush

         हिंदी ब्लॉगर के लिए फेसबुक , ट्विटर , व्हाट्सएप्प जैसे सोशल नेटवर्क की हमेशा ही अहम भूमिका रही  है। आज  ब्लॉगर  और इसी के साथ वर्डप्रेस , सेल्फ होस्टेड साइट आदि चिट्ठो पर  पाठको के आवागमन का अनुमान लगाया जाये तो हम देखते है की ब्लॉगों पर प्रतिदिन आने वाले पाठको में सोशल नेटवर्क साइट्स द्वारा सबसे ज्यादा पाठको का आवागमन रहा है , निश्चित रूप से कारण फेसबुक , व्हाट्सएप , ट्विटर जैसे सोशल नेटवर्क का बढ़ता हुआ प्रचलन और लोगो का इस और बढ़ता हुआ जबरदस्त रुझान।  
         आज के इस ट्यूटोरियल में बताया गया है की कैसे अपनी ब्लॉग पोस्ट को साझा करने के लिए WhatsApp Share, Email Share और Sms Share  के द्वारा लोगो तक पहुचाया जाये । बस नीचे दी हुई प्रक्रिया अपनाये और अपने ब्लॉग पर कुछ ही मिनटों में   WhatsApp Share, Email Share और Sms Share बटन द्वारा ब्लॉग ट्रैफिक बढ़ाये , ध्यान दे की ब्लॉग द्वारा ब्लॉगर पाठको को दी गयी आधिकारिक मोबाइल टेम्पलेट पर यह कोड कार्यशील नहीं है इस सम्बन्ध में निवेदन करेंगे की अपनी ब्लॉग टेम्पलेट को मोबाइल फ्रेंडली  (Responceive ) ब्लॉग टेम्पलेट में बदले तत्पश्चात नीचे बताये कोड का इस्तेमाल करे। 

विजेट ब्लॉग पर ले जाये

Step 1 :-

  • अपने ब्लॉगर खाते में प्रवेश करे
  • अब Template पर जाये
  • अब Backup/Restore पर क्लिक कर टेम्पलेट सेव करे
  • अब Mobile Template Setting पर जाये


whatsapp-share-email-share-sms-share-button-for-blogger-mobile

Step 2 :-

  • अब Edit HTML पर जाये
  •   अपनी ब्लॉग टेम्पलेट में नीचे दिए गए कोड खोजें:
<div class=’post-header’>
<div class=’post-header-line-1’/>
</div>


इस कोड के बाद, नीचे बताया पूरा कोड यथावत पेस्ट करें:

<a data-action=”share/whatsapp/share” href=”whatsapp://send?text=” id=”wshare” onclick=”share()” >Share on Whatsapp</a>
<a href=”sms://+91?body=” id=”smsshare” onclick=”share()” >Share Via SMS</a>
<a href=”mailto:urfrnd@mail.com?body=” id=”emailshare” onclick=”share()” >Share via Email</a>
<script>
function share(){
var elements = document.getElementsByClassName(&quot;entry-content&quot;);
document.getElementById(&quot;wshare&quot;).href+=elements[0].textContent + &#39; For More posts visit URL&#39;;
document.getElementById(&quot;smsshare&quot;).href+=elements[0].textContent + &#39; For More posts visit URL&#39;;
document.getElementById(&quot;emailshare&quot;).href+=elements[0].textContent + &#39; For More posts visit URL&#39;;
}
</script>



    टेम्पलेट सहेजें और परिणाम की जाँच करें। आशा करते है कोड आप सभी की ब्लॉग टेम्पलेट में ठीक तरह से काम कर रहा होगा किसी परेशानी के चलते कमेंट के माध्यम से संपर्क करे।


Do you Like this Article?

rss twitter facebook
Get Subscribe to Free Email Updates!!
*Your email address will not be shared with anyone.

Post A Comment Blogger Disqus

18 comments:

  1. मित्र व्हाट्सएप्प पर शेयर करने पर पोस्ट का URL नहीं जा रहा है

    ReplyDelete
  2. jankari dene ke liye dhanayad visit my blog http://hindimetips.blogspot.in/

    ReplyDelete
  3. thanx Very Helpful Post. Visit Mine Blog http://hinditrickbox.blogspot.com/

    ReplyDelete
  4. Aapne ek post se Sab Kuch sikha diya.aap ki tarah main bhi apne blog pe Hindi me help kar raha hoon.
    Mera blog dekhen.
    http://www.digitonly.com

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. Replies
    1. @ Umesh, @Rajendra, @pkt, @Jay & All Other Thanks For Comment & Visiting Hindi4Tech I M Now Visiting Ur Blog... :>)

      Delete

  7. Truly a very good article on how to handle the future technology. After reading your post,thanks for taking the time to discuss this, I feel happy about and I love learning more about this topic.


    SEO Company in Chennai

    ReplyDelete
  8. hi sir आपने बहुत ही बढिया जानकारी दिया है। मैने एक blog http://www.studytrac.blogspot.com बनाया जिसपर पढाई,सफलता और नौकरी से जुडी जानकारियाँ हिन्दी में दि गयी है,आप से निवेदन है कि मेरे blog पर एक बार जाएं और किसी भी प्रकार की कमी होने पर comment के माध्यम से मुझे बताएँ। thanks i will wait for you.

    ReplyDelete
  9. Thank you for the fresh content and information you provide. This really helps learner like me. Keep sharing knowledge. Happy to read.

    SEO Company in Chennai

    ReplyDelete
  10. It is really a great and useful piece of info. I’m glad that you shared this helpful info with us. Please keep us informed like this. Thank you for sharing.


    SEO Company in India

    Digital Marketing Company in India

    ReplyDelete
  11. Nice And Very useful info,
    This article important and really good the for me is.Keep it up and thanks to the writer.Amazing write-up,Great article. Thanks!
    used to really good
    your info is quite helpful to forever. Historyhindi

    ReplyDelete
  12. Thanks for sharing these information.Bigdata is very nice topic.We are providing online training classes.This is just the kind of information.

    Python Training in Chennai

    ReplyDelete
  13. MSN Billing Troubleshooting Help Support for MSN Subscription Renewal Call 1-855-785-2511, Support for MSN Account renewal, Updating information in MSN Billing, Addition and removal of cards in MSN Billing, Change your account settings of MSN billing on your request, Facing problem to setup our MSN billing?, Not able to remove your Old Credit card.
    Not Able to Add New Billing Credit Card
    Renew My MSN Premium Subscription, Support for MSN Account Setup in Apple iPhone, Support for MSN Account Setup in Android Phone, Technical Support Number, Support for MSN Billing Customer Support, Help to setup new billing account, Technical Support MSN Billing Issue, Cancel the MSN Billing Renewal.

    ReplyDelete

Post A Comment

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer
और दिखाए


लेख पर अपनी प्रतिक्रिया अवश्य दे..
ध्यान दे !!:-
• हिंदी में प्रतिक्रिया देने के लिए यहाँ क्लिक करे
• टिप्पणी में Html Code डाला जा सकता है
• टिप्पणी में Image डालने के लिए [im]Your Image Link [/im] कोड का उपयोग करे
• टिप्पणी में Youtube Video डालने के लिए [youtube]Youtube Video Link [/youtube] कोड का उपयोग करे
• टिप्पणी में Smiley's का उपयोग करने के लिए ऊपर बताये गए कोड को डाले
• टिप्पणी प्रकाशन में कोई परेशानी है तो यहां क्लिक करें..
Regards, Hindi4Tech


Top Commen tor Ask A Question Follow