Blogger ब्लॉग में Social Share Button कैसे लगाए?

नमस्कार दोस्तों इस पोस्ट में हम आपको बताने वाले हैं के Blogger Blog Post Me Social Share Button Kaise Lagaye तो दोस्तों यदि आप भी जानना चाहते हैं की Blog Post Me Share Button Kaise Lagaye तो आपके लिए यह पोस्ट important हो सकता है।

क्योंकि इस पोस्ट में हम आपको पूरी जानकारी देंगे की किस तरह से Blogger blog me share button kaise lagate hai, तो इसके लिए आपको इस पोस्ट को पूरा जरूर पढ़ना है जिसको आप को जानना और समझना जरूरी है तभी आप अपने Blogger blog post me share button बड़ी आसानी से लगा सकते हैं।

Blog Post Me Share Button लगाने के फायदे।

  • Visitors आपके Blog post को social media पर easily share कर सकते हैं।
  • Blog post share होने पर social media से traffic आने का chance बढ़ जाता है।
  • और Traffic बढ़ने से earning भी increase होती है।

Blog Post में Share Button कैसे लगाए?

Blog post me social share button लगाने के लिए सबसे पहले आपको नीचे दिए हुए social share button के code को copy करना है।

जो हमने आपको Social share button का code दिया इस code को आपको समझने में बड़ी आसानी होगी
और आप इस code को इस्तेमाल करके Social share button को अपने अनुसार जैसा चाहे वैसा customize कर सकते हैं क्योंकि यह code समझने में आसान है आप इस code को HTML और CSS के जरिए customize कर सकते हैं।

वैसे हमने इस share button code को पहले से ही customize किया है इसलिए आपको social share button के code को customize करने की जरूरत नहीं पड़ेगी।

आप इस code का Demo हमारी इस वेबसाइट में देख सकते हैं वैसे ऊपर image में भी social share button का preview दिया गया है।

आप निचे दिए गए Social media share button के code को copy करें और इस code को किस तरह से इस्तेमाल करना है यह हम आपको आगे बताने वाले हैं।

<b:if cond='data:blog.pageType == &quot;item&quot;'><div><style>.fbshare { text-align: center; } .fbshare a { background: #3a579a; color: white; display: inline-block; font-size: 20px; width: 35px; height: 35px; line-height: 35px; margin: 0 2px 6px;border-radius:10%;margin-left: 5px; } .fbshare a:hover{ background: #314a83;color:#fff; }.twittershare { text-align: center; } .twittershare a { background: #00abf0; color: white; display: inline-block; font-size: 20px; width: 35px; height: 35px; line-height: 35px; margin: 0 2px 6px;border-radius: 10%; } .twittershare a:hover{ background: #0092cc;color:#fff; }.pinshare { text-align: center; }.pinshare a { background: #cd1c1f; color: white; display: inline-block; font-size: 20px; width: 35px; height: 35px; line-height: 35px; margin: 0 2px 6px;border-radius: 10%; } .pinshare a:hover{ background: #ae181a;color:#fff; }.whshare { text-align: center; } .whshare a { background: #34af23; color: white; display: inline-block; font-size: 20px; width: 35px; height: 35px; line-height: 35px; margin: 0 2px 6px;border-radius: 10%; } .whshare a:hover{ background: #076D2B;color:#fff; }.inshare { text-align: center; } .inshare a { background: #53B2E8; color: white; display: inline-block; font-size: 20px; width: 35px; height: 35px; line-height: 35px; margin: 0 2px 6px;border-radius: 10%; } .inshare a:hover{ background: #07486D;color:#fff; }.emshare { text-align: center; } .emshare a { background: #4E574B; color: white; display: inline-block; font-size: 20px; width: 35px; height: 35px; line-height: 35px; margin: 0 2px 6px;border-radius: 10%; } .emshare a:hover{ background: #000;color:#fff; }</style><div style='text-align: left;margin-bottom:10px;margin-top:12px;margin-left: 5px;border-top:1px solid #000'><span style='font-color: #000;font-size:18px;font-weight: bold;'><u> Share Post </u></span></div><fbshare class='fbshare'>   <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Facebook Share'> <i class='fa fa-facebook'/></a></fbshare><twittershare class='twittershare'> <a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot; via @AyyubTech - &quot;' rel='nofollow' target='_blank' title='Tweet This'><i class='fa fa-twitter'/></a></twittershare><pinshare class='pinshare'> <a expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.title' target='_blank' title='Pin It'> <i class='fa fa-pinterest'/></a></pinshare><whshare class='whshare'> <a class='whatsapp' expr:href='&quot;whatsapp://send?text=&quot;+ data:post.title + &quot; &quot; + data:post.url' href='whatsapp://send?text=http://webdevelopmentscripts.com' onclick='window.parent.null' rel='nofollow' target='_top' title='Share to whatsapp'><i class='fa fa-whatsapp'/></a></whshare><inshare class='inshare'><a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' target='_blank'><i class='fa fa-linkedin'/></a></inshare><emshare class='emshare'><a expr:href='&quot;mailto:?subject=&quot; + data:post.title + &quot;&amp;body=&quot; + data:post.url'><i class='fa fa-envelope'/></a></emshare><br/></div></b:if><br/>

इस पोस्ट में हम आपको Blog post me share button लगाने के लिए जो code दिया हैं आपको उस code को लगाने के फायदे के बारे में जरूर जानना चाहिए।

Social Share Button के लिए इस Code को लगाने के फायदे क्या हैं?

  • यह Code HTML और CSS से बना है इसलिए यह browser में load होने में टाइम नहीं लेगा।
  • इस Code में Whatsapp Share Button भी दिया गया है जिसके जरिए विजिटर Whatsapp पर भी Blog Post को Share कर सकते हैं।
  • इन Code को इस्तेमाल करने से Blog Website की Loading Speed Slow नहीं होगी क्योंकि यह कोड java script से नहीं बना है
  • Blog Post में Social Share Button Professional लगेंगे।

चलिए अब जानते हैं कि इस code का use करके Blogger के Blog Post me social share button कैसे Add करे।

Blogger Blog Post में Share Button कैसे लगाए?

Blog Post Me Share Button लगाने के लिए आपको नीचे बताए गए सभी Steps को फॉलो करना है उसके बाद आप बड़ी आसानी से अपने Blogger Blog Me Social Share Button लगा सकते हैं।

  1. Step : सबसे पहले Blogger Dashboard में जाएं।
  2. अब Lest Side में Theme ऑप्शन पर क्लिक करें।
  3. उसके बाद Three Dot पर क्लिक करके Edit HTML पर क्लिक करें।
  4. अब आपके सामने HTML का Code Box Open हो जाएगा तो आपको Code Box में Search करना है <data:post.body/> तो आप इस code को type करके सर्च कर सकते हैं।
  5. यह Code मिल जाने के बाद अब आपको इस code के नीचे Social Share Button के Code को Copy करके Paste करना हैं जो Code ऊपर दिया गया है।
  6. इसके बाद Theme को Save करें।

अब आपके Blogger blog ke sabhi post me social share button successfully लग जाएगा।

निष्कर्ष

तो दोस्तों आप इस प्रकार से Blog post me share button लगा सकते हैं यदि आपको कुछ पूछना है तो आप हमें नीचे कमेंट करके बता सकते हैं जिसका Reply आपको जल्द ही मिल जाएगा।
मैं आशा करता हूं कि आपको यह पोस्ट अच्छा लगा होगा और आपके काम आया होगा यदि हां तो हमें कमेंट करके जरूर बताएं और इसे आगे शेयर जरूर करें।