Blog में Social Share Button कैसे add करें

नमस्कार दोस्तों! मैं जितेंद्र कुमार गुप्ता एक बार फिर से Jitendra Official Tips ब्लॉग पर आपका स्वागत करता हूँ| आज के इस पोस्ट में हम आपको बताएंगे की Social share button क्या होता है और Social share Button blogger Blog पर कैसे add करते हैं या कैसे लगाते है 

अगर आपका Blog WordPress platform पर है तो आप plugins के माध्यम से आप अपने Blog में Social Share Button लगा सकते हैं but (लेकिन )आपका Blog या blogger पर है तो आपको Code के माध्यम से social share Button लगाना पड़ता है 

Social Share button क्या होता है 

   यह एक Button  जैसा होता है जिसका use हम अपने Blog पोस्ट को Social media जैसे की Facebook, Whats app, Google plus, Telegram , Instagram,Pinterest etc. पर Share करने के लिए करते हैं|

अपने Blog पोस्ट को हम Social media पर Sharing के द्वारा ज्यादा Traffic पा सकते हैं| जैसा की आप सभी जानते होंगे की आजकल Social media का use करके हम अपने पोस्ट को Share करके ज्यादा से ज्यादा Traffic पा सकते हैं|

बहुत सारे blogger template में already Social share button available रहते हैं पर कुछ ऐसे template होते हैं जिसमें social share Button नहीं लगे होते हैं तब ऐसे में हमें अलग से social share button Add करना पड़ता है 

Google में आजकल ज्यादातर वही पोस्ट ऊपर में Show होता है जिस पर अच्छे content होते है और साथ ही साथ जो पोस्ट ज्यादा से ज्यादा Social Media पर share किया जाता है|

Blogger या Blog में Social Share Button कैसे Add करें?

चलिए अब हम कुछ steps देख लेते हैं Blogger Blog में Social share button लगाने का:

First step:- सबसे पहले नीचे दिए गए CSC code को कापी करे

meta-share{float:right;text-align:right}

.meta-share a{color:#fff;padding:4px 10px;display:inline-block;margin-left:1px;border-radius:3px;border-bottom:2px solid rgba(0,0,0,0.1)}

.meta-share a:hover{color:#fff;opacity:.8}

.meta-share .facebook{background-color:#314d91}

.meta-share .whatsapp{background-color:#6ef442}

.meta-share .twitter{background-color:#07beed}

.meta-share .google{background-color:#dd4b38}

.meta-share .pinterest{background-color:#CA2127}

Second Step: अब उसके बाद अपने Blogger Dashboard में Gmail ID और Password से Login करें|

Third step: अब उसके बाद Blogger dashboard के बगल (left side) में Theme पर click करें उसके बाद Edit HTML पर click करें| 

Fourth step: अब उसके बाद Code के बिच में Mouse pinter को रखकर Ctrl + F press करें और </b:skin> search करें और उसके बाद CSS Code को </b:skin> के just ऊपर में paste कर दें और उसके बाद Save Theme पर click करें| 

Fifth step: अब उसके बाद निचे दिए गए CSC code को copy करें

<div class='meta-share'>

<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'><i class='fa fa-facebook-official'/><rd> Facebook</rd></a>

<a class='whatsapp' expr:href='&quot;whatsapp://send?text=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'><i class='fa fa-whatsapp'/><rd> Whatsapp</rd></a>

<a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'><i class='fa fa-twitter'/><rd> Twitter</rd></a>

<a class='google' expr:href='&quot;https://plus.google.com/share?url=&quot; data:post.url &quot;&amp;title=&quot; data:post.title' target='_blank'><i class='fa fa-google-plus'/><rd> Google</rd></a>

<a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; data:post.url &quot;&amp;media=&quot; data:post.firstImageUrl &quot;&amp;description=&quot; data:post.title' target='_blank'><i class='fa fa-pinterest'/><rd> Pinterest</rd></a>

</div>

Sixth step: फिर Blogger Dashboard में जाए और Code के बिच में mouse pointer रखें और फिर <data:post.body/> search करें और उसके बाद just <data:post.body/> के निचे कोड को paste कर दें और फिर Save Theme पर click करें|

Note: यह Code सभी blogger template के लिए है पर आपको किसी  Theme में <data:post.body/> दो से तीन(Two or more ) जगह मिलेगा इसलिए सभी जगह पर Code को add करके try करें यदि फिर भी show न हो तो आप हमसे contact कर सकते हैं हम आपके problem को solve करेंगे

Final Words

मैंने इस पोस्ट में बताया की Blogger Blog में social Sharing Button कैसे add करें? मुझे उम्मीद है की यह पोस्ट आपके लिए बहुत ही उपयोगी रहा होगा इस पोस्ट को अपने दोस्तों के साथ share जरूर करें| यदि इस पोस्ट से related आपका कोई भी सवाल हो तो आप हमसे Comment box के through पूंछ सकते हैं मैं आपके सवालों के जवाब जल्द से जल्द देने की कोशिश करूँगा|