Website Aur Blog Me Social Follow Button Widget Kaise Lagaye ! वेबसाइट और ब्लॉग में सोशल फोलो बटन कैसे एड करे.

आज के आर्टिकल मे हम सबसे पहला सरदर्द Blog Me Social Follow Button Blog कैसे लगाते है यह बताने वाले है. जैसा की अगर आप हमारे रेगुलर विजिटर है तो आपने देखा होगा की किस तरह से ब्लॉग बनाया जाता है और क़िस तरह से ब्लॉग की सेटिंग की जाती है. Social Share Button के बिना आपके ब्लॉग का न लुक अच्छा लगेगा और ना ही कोई आपके आर्टिकल को सोशल मीडिया मे प्रोमोट और शेयर करेगा. Social Media Buttons के ब्लॉग के लिए उसकी आत्मा होती है एसा भी कह सकते है.

[caption id="attachment_1268" align="aligncenter" width="751"] Website Me Social Follow Button Add Kaise Kare.[/caption]

अगर आपने यह नहीं देखा है या आप नहीं जानते है की Free Blog Kaise Banaye तो यह जानकारी जरुर पढ़े. साथ ही जरुरी पोस्ट Blog Ki Setting कैसे करते है यह भी जरुर पढ़े.  ब्लॉग में सोशल मीडिया फोलो बटन ऐड करना तो आसन होता है लेकिन html code for social media buttons to website के लिए मिलना थोडा कठिन होता है.

सोशल मीडिया बटन सिर्फ लुक के लिए ही नहीं बल्कि Website Traffic बढ़ाने के लिए भी काफी कारगर होती है. Instagram follow button, Google Plus Follow Button, Follow Button Facebook आदि कई प्रकार के Social Follow Button Widget Code की मदत से सुन्दर सुन्दर सोशल शेयरिंग बटन आप देखते होंगे अन्य ब्लोग्स पर.

कई बार हम अपना ब्लॉग बनाकर लगातार पोस्ट डालते रहते है मगर फिर भी Blog Traffic Increase नहीं होती या ब्लॉग का Google Adsense Approved ही नही होता तो आज मै जो जानकारी शेयर करना चाहता हु , वो आपके लिए लाभदायक सिद्ध हो सकती है. हम आपको आज Social Follow Button Blogger Blog और WordPress Blog मे Add करने के बारे मे जानकारी देंगे.

> जरुर पढ़े - नया फेसबुक पेज कैसे बनाये और कैसे उसकी सेटिंग करे.

सोशल मीडिया क्या है ? Social Media Kya Hai.

सोशल मीडिया उन Social Sites को कहते है , जिन साइटों पर हम रोजाना विजिट करते रहते है और उनका उपयोग करते रहते है. सभी जानते है निचे दिए गए नाम जो है जो सोशल मीडिया मुख्य साइट्स है.

1.  फेसबुक


2.  ट्विटर


3. पिनरेस्ट


4. गूगल प्लस


5. टूम्बलर


6. लिंकडीन
   

सोशल मीडिया को ब्लॉग में कैसे ऐड करे ! Social Media Follow Buttons For Blogger.

इस आर्टिकल मे आप ना सिर्फ ब्लॉग के लिए Social Media Button Add करना जान पाएंगे बल्कि Social media follow buttons WordPress के लिए कैसा लगते है यह भी जान सकते है. तो चलिए सबसे पहले देखते है Blog पर Social Follow Button कैसे Add करते है पूरी जानकारी स्टेप बाय स्टेप.

1. सबसे पहले निचे दिया हुआ कोड़ कोपी करे.
   

   <style> */https://www.softechnogeek.com*/ .rr-mod.module-rightrail-social-widget{margin:0 0 10px 0 !important;}#rr-social-widget-chiclets div{width:40px;height:32px;display:inline-block;margin:0 4px 0 0;}#rr-social-widget-chiclets a{width:32px;height:32px;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc8ukIUkajBxW_PYsvAtNjAn0dDd5IwksF72AAdbcB7L_CGlFNGCHfOgXEX2yiGoIVI3uMrw4CdmtBJF6NZkRuEvDVhAdDEl9JjtleXlaN42oNU4HRiwCXMBRrnTW1JOmettgm-6_sXoDF/s1600/rr-social-icons.png) no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:4/3), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#rr-social-widget-chiclets a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc8ukIUkajBxW_PYsvAtNjAn0dDd5IwksF72AAdbcB7L_CGlFNGCHfOgXEX2yiGoIVI3uMrw4CdmtBJF6NZkRuEvDVhAdDEl9JjtleXlaN42oNU4HRiwCXMBRrnTW1JOmettgm-6_sXoDF/s1600/rr-social-icons.png);background-size:248px 32px;}}#rr-social-widget-chiclets-facebook a{background-position:0 0;}#rr-social-widget-chiclets-twitter a{background-position:-36px 0;}#rr-social-widget-chiclets-googleplus a{background-position:-72px 0;}#rr-social-widget-chiclets-linkedin a{background-position:-108px 0;}#rr-social-widget-chiclets-stumbleupon a{background-position:-144px 0;}#rr-social-widget-chiclets-youtube a{background-position:-180px 0;}#rr-social-widget-chiclets-rss a{background-position:-216px 0;} </style>
   <div class="rr-mod module-rightrail-social-widget" id="module-rightrail-social-widget">
   <div class="configuration-neighbor">
   <div id="rr-social-widget-chiclets">
   <div id="rr-social-widget-chiclets-facebook">
   <a href="https://www.facebook.com/HindiMePadhe" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_facebook';"></a></div>
   <div id="rr-social-widget-chiclets-twitter">
   <a href="https://www.twitter.com/HindiMePadhe" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_twitter';"></a></div>
   <div id="rr-social-widget-chiclets-googleplus">
   <a href="https://plus.google.com/HindiMePadhe" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_googleplus';"></a></div>
   <div id="rr-social-widget-chiclets-linkedin">
   <a href="https://www.linkedin.com/in/HindiMePadhe" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_linkedin';"></a></div>
   <div id="rr-social-widget-chiclets-rss">
   <a href="https://feedburner.google.com/fb/a/mailverify?uri=IndiaPadheHindiMe" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_rss';"></a></div>

   
   


2. उसके बाद उसमे अपने सोशल मिडिया की लिंक ऐड करे .


3. अगले स्टेप मे Blogger Dashboard के Layout ऑप्शन खोलिए.
   
   [caption id="attachment_1270" align="aligncenter" width="700"] Blog Me Social Follow Button Add Kaise Kare.[/caption]


4. अब आपको जिस जगह Social Follow Button Add करने है उस जगह पर Add Widget पर click करें.


5. आगे एक न्यू पॉप अप विंडो ओपन होगी उसमे Html/JavaScriptt पर क्लिक करके Widget ओपन कीजिये.


6. सोशल मीडिया विजेट खुलने पर उसके अन्दर ऊपर दिया गए Social Follow Button Code Blogger मे लगाने के लिए कॉपी करके पेस्ट करे.


7. सोशल मीडिया शेयरिंग बटन ऐड करने पर Setting सेव करे.

वाव ! बहुत सुन्दर इस प्रकार से सिर्फ ऊपर दिया गया Social Follow Button Code Paste करने के बाद आपके Blogger Blog में Social Media Follow Button add हो जायेगा.

आप चाहे उस जगह पर दिए गए Social Follow Button को Add कर सकते है. जैसे Sidebar, After Post, Footer आदि. एक बार सोशल शेयर बटन लगने पेज को रिफ्रेश करे और चेक करे की सही से सोशल मीडिया शेयरिंग कोड काम कर रहा है या नहीं. क्या आप जानते है वर्डप्रेस पर सोशल मीडिया फॉलो बटन विजेट कैसे लगाते है? अगर नहीं तो निचे दी गयी जानकारी को पढ़िए आप जान जायेंगे कैसे Social Media Widget WordPress पर Add किया जाता है.

Stylish Social Follow Button WordPress पर कैसे लगाये?

वर्डप्रेस वेबसाइट पर Beautiful Social Follow Button Sidebar Widget मे लगाये जाते है जो ज्यादा पसंद किये जाते है वेबमास्टर्स द्वारा. जिस तरह से ऊपर ब्लॉग मे सोशल मीडिया शेयर बटन ऐड करना बताया गया है बस उसी प्रकार से WordPress मे भी सोशल मीडिया शेयरिंग कोड लगाया जाता है.

1. 
   
   
   
   1. सबसे पहले निचे दिए गए Social Media Button Code को Copy करिए.
      

      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />

      
      
   
   
   2. अब ऊपर दिए गए कोड को Header.php मे ठीक <head> के निचे और </head> के पहले Paste करिए.
   
   
   3. Social Follow Button Code WordPress मे पेस्ट करने के बाद Save करे.
   
   
   
   

इस प्रकार से अब आपके सोशल मीडिया आइकॉन मे इस्तेमाल होने वाले Font Awasome icons काम  करने लगेंगे. चलिए अब देखते है अगली स्टेप जिसमे निचे दी गयी स्टेप्स आपको follow करनी है.

1. 
   
   
   
   1. WordPress Dashboard के Appearance को ओपन करे.
      

      style> .widget_social_apps { margin-left : -1%; margin-right : -1%; }
      .widget_social_apps:after { clear : both; } .widget_social_apps .app_social { margin : 1% 0.5%; width : 49%; height : 45px; float : left; text-align : center;
      background-color : #000; transition : all 0.2s; border-radius: 5px; }
      .widget_social_apps .app_social.facebook { background-color : #4267b2; }
      .widget_social_apps .app_social.twitter { background-color : #1DA1F2; }
      .widget_social_apps .app_social.google { background-color : #e24d3b; }
      .widget_social_apps .app_social.linkedin { background-color : #0d6a96; }
      .widget_social_apps .app_social.pinterest { background-color : #C92228; }
      .widget_social_apps .app_social.instagram { background-color : #af2d9e; }
      .widget_social_apps .app_social.rss { background-color : #e07706; }
      .widget_social_apps .app_social:hover { background-color : #cacaca; }
      .widget_social_apps .app_social a { display : block; color : #ffffff; padding : 15px 5px; }
      .widget_social_apps .app_social span { display : block; }
      .widget_social_apps .app_social span.app_icon i { font-size : 12px; margin-bottom : 10px; }
      .widget_social_apps .app_social.youtube { background-color : #b5170a; }
      </style>
      <div class="widget_social_apps">
      <div class="app_social facebook"> <a href="https://www.facebook.com/716482325199941/" target="_blank" title="Follow on facebook"> <i class="fa fa-facebook" aria-hidden="true"></i> 1927 Likes</span></a></div>
      <div class="app_social twitter"> <a href="https://twitter.com/HindiMePadhe" target="_blank" title="Follow on twitter"> <i class="fa fa-twitter"></i> 197 Followers</span></a></div>
      <div class="app_social google"> <a href="https://plus.google.com/116901125237523944804" target="_blank" title="Follow on google+"> <i class="fa fa-google-plus"></i> 350 Followers</span></a></div>
      <div class="app_social linkedin"> <a href="https://www.linkedin.com/in/HindiMePadhe/" target="_blank" title="Follow on linkedin"> <i class="fa fa-linkedin"> 368 Followers</i></span></a></div>
      <div class="app_social pinterest"> <a href="https://in.pinterest.com/HindiMePadhe/" target="_blank" title="Follow on pinterest"> <i class="fa fa-pinterest"> 189 Followers</i></span></a></div>
      <div class="app_social instagram"> <a href="https://www.instagram.com/hindimepadhe/" target="_blank" title="Follow on instagram"> <i class="fa fa-instagram"></i> 140 Followers</span></a></div>
      <div class="app_social rss"> <a href="https://feeds.feedburner.com/IndiaPadheHindiMe" target="_blank" title="Subscribe blog feed"> <i class="fa fa-rss"></i> 2605 Subscribe</span></a></div>
      <div class="app_social youtube"> <a href="https://www.youtube.com/c/HindiEduSupport" target="_blank" title="Subscribe on youtube"> <i class="fa fa-youtube"></i> 2500 Subscriber</span></a></div>

      
      
   
   
   
   

1. विजेट सेक्शन से Widget पर क्लिक कीजिये.


2. टेक्स्ट मे कोड पेस्ट करने के लिए Text को चुनना है.
   
   [caption id="attachment_1269" align="aligncenter" width="750"] How To Add Social Follow Button On Website.[/caption]


3. Text पर क्लिक करने के बाद बॉक्स मे ऊपर दिया गया कोड पेस्ट करे.


4. अंतिम स्टेप मे सेटिंग Save कीजिये.

ध्यान रहे ऊपर दिए गए Social Follow Button मे HindiMePadhe के Social Account Add है उन्हें Replace करके अपने लिंक ऐड करना बिलकुल भी ना भूले.

बेहद सुन्दर जैसे ही आप सेटिंग को सेव करेंगे अपने ब्राउज़र के कैश क्लिअर करे या अगर आप Cache Plugins का इस्तेमाल करते है कैश क्लियर करके आपके वर्डप्रेस ब्लॉग को ओपन करिए आपका Social Follow Button काम करेगा. सोशल मीडिया बटन लगने पर आप अपने सोशल एक्टिविटीज को बढ़ा सकते है जैसे Facebook Like Increase करना, Instagram Followers बढ़ाना आदि.

> जरुर पढ़े - Best Blog Promotion Tips ! सोशल मीडिया Website Promotion टिप्स.
> जरुर पढ़े - Instagram पर 1 क्लिक मे 200 लोगो को Unfollow कैसे करे.

आशा करते है आपको ब्लॉग मे सोशल मीडिया विजेट कैसे लगाये यह पोस्ट पसंद आया होगा. अगर आपके Blog में Stylish Social Follow Buttons Add नहीं हुये है तो हमें बताये Comment सेक्शन मे कमेंट के माध्यम से. Beautiful Social Follow Button को आप जब चाहे, जैसे चाहे Customize कर सकते है. सोशल मीडिया के बारे मे अधिक जानकारी के लिए ब्लॉग को Subscribe जरुर करे.

***