Support Me India

  • ब्लॉग
  • ब्लॉग्गिंग
    • वर्डप्रेस
    • ब्लागस्पाट
    • वेब होस्टिंग
    • ऐडसेन्स
    • एफिलिएट मार्केटिंग
    • ईमेल मार्केटिंग
    • डोमेन रजिस्ट्रेशन
  • एसईओ
  • टेक्नोलॉजी
  • लाइफ सक्सेस
  • पैसा कैसे कमायें
  • अधिक
    • इन्टरनेट
    • बिज़नस स्टार्टअप
    • यूट्यूब
    • एजुकेशन
    • दिलचस्प तथ्य
    • सोशल मीडिया
    • सिक्यूरिटी टिप्स
  • सवाल पूछें
मुख्यपृष्ठ / ब्लॉग / ब्लागस्पाट / Blog Ki Left Side Me Floating Social Share Buttons Kaise Add Kare

Blog Ki Left Side Me Floating Social Share Buttons Kaise Add Kare

By: Jumedeen KhanLast Updated: 07 Jun, 2018

Hello Friends, Social media blog की traffic increase करने का सबसे अच्छा way है साथ ही social media से हमे blog की post search engine में दिखाने में भी help मिलती है हर blogger चाहता है की उसकी post को लोग ज्यादा से ज्यादा share करें। आज में आपको इस tutorial में Facebook, twitter, google plus के floating button blogger left side में add करना बता रहा हूँ जिससे आपके blog के visitors blog post को direct social network पर share कर सकते है इससे पहले मै blog की हर post के निचे/ऊपर social share button लगाने का तरीका बता चूका हूँ।

floating social share button

विषय-सूची

  • Floating Social Share Button Blog में कैसे Use करते है?
      • Step 1:
      • Code को Blog में कहा Add करें?

Floating Social Share Button Blog में कैसे Use करते है?

Step 1:

1. first इस code को copy करें।
<style type="text/css">
#social-buttons {
position:fixed;
bottom:10%;
margin-left:-740px;
float:left;
border-radius:1px;
padding:0 0 2px 0; }
#social-buttons .button-share{
float:left;
clear:both;
margin:2px 2px 0 2px; }
</style>
<div id='social-buttons' title='Get This Widget'>
<div class='button-share' style='margin-left:3px; id='pinit'>
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
<a href="//www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.manidin.com%2F&media=http%3A%2F%2Fwww.manidin.com%2F&description=Next%20stop%3A%20Pinterest" data-pin-do="buttonPin" data-pin-config="above"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a>
<div/>
<div class='button-share' style='margin-left:3px;' id='gplusone'>
<div class="g-plus" data-action="share" data-annotation="vertical-bubble" data-height="60">
</div>
<script type="text/javascript">
 (function() {
   var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
   po.src = 'https://apis.google.com/js/platform.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 })();
</script></div>
<br/>
<div class='button-share' id='like' style='margin-left:3px;'>
<div id="fb-root">
</div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-send="false" data-layout="box_count" data-width="40" data-show-faces="false">
</div>
</div>
<br />
<div class='sbutton' style="margin-left: 3px;" >
<a class='twitter-share-button' data-count='vertical' data-via='Manidin' expr:data-counturl='data:blog.url' href='https://twitter.com/share' rel='nofollow'>Tweet</a><script src='https://platform.twitter.com/widgets.js'; type='text/javascript'></script>
</div>
<script src="//platform.linkedin.com/in.js" type="text/javascript">
lang: en_US
</script>
<script type="IN/Share" data-counter="top"></script>
<br />
<div class='button-share' style='margin-left:3px;' id='su'>
<script src="https://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<br/>
<div class='button-share' id='digg' style='margin-left:3px; width:45px'>
<script src='https://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<br/>
</div>
</div>
</div>
2. Bottom:10%;  Margin-left:-740px; code की मदद से आप social share button की जगह set कर सकते है।

Code को Blog में कहा Add करें?

Step 2

  1. Blog के dashboard >> layout पर click करें।
  2. अब कहीं भी Add a Widget पर click करें।
  3. HTML/Javascript gadget select करें और code paste करें।
  4. Save पर click Save arrangement पर click करें।
  • ये भी पढ़े :- Blog के Sitemap को Google Search Console में Submit कैसे करें 

Friends अब आपके blog पर floating social share Button add हो चूका है अगर आपको इस post में बताये Step समझ नहीं आये है है तो आप अपनी problem comment में बता सकते हैं।

साथ ही अगर आपको ये post अच्छी लगी है तो इस post को social media आर अपने सभी friends के साथ share जरुर करना।

शेयर
  • Share on Facebook
  • Tweet on Twitter

लेखक: Jumedeen Khan

मैं इस ब्लॉग का संस्थापक और एक पेशेवर ब्लॉगर हूं। यहाँ पर मैं नियमित रूप से अपने पाठकों के लिए उपयोगी और मददगार जानकारी शेयर करता हूं। ❤️

आपको ये भी पढना चाहिए

  • Youtube interesting facts and amzing information in hindi

    Youtube Ke Bare Me 20 Interesting Facts Amazing Jankari Hindi Me

  • Optimize Your Blogger Blog Post Search Results

    Search Engine Me Blog Title Se Pahle Post Title Kaise Show Kare

  • How to start accepting guest posts on your blgo

    Blog Par Guest Post Accept Karna Kaise or Kyu Shuru Kare

Reader Interactions

टिप्पणियाँ ( 33 )

एक टिप्पणी जोड़ें
  1. ajay kumar dwivedi

    09 Aug, 2018 at 4:39 pm

    Bhai please meri help karo mai blogger.com par id to bana liya hu par blog kaise likhu batao plzzz bhai Agar apki koi email id yah koi contact NbR jisse mai help le saku plzzzz bhai mujhe jarurat hai.plzzz bhai check karo kyaa maine sahi banaya blog id ????

    जवाब दें
    • Jumedeen khan

      09 Aug, 2018 at 7:12 pm

      Iski jankari yaha hai Blog Par New Post Kaise Likhe

      जवाब दें
  2. Shashikant Kumar

    17 Apr, 2018 at 8:09 am

    Sir ji mujhe ap se ek sawal puchna hai..
    Jab mai apke post titer ke niche apka name JUME DEEN KHAN par click krta hu to apni home page open ho jati hai
    Jab ki mai apne blog me aisa krta hu to mera Google+ ka ya fir blogger ka profile open ho jata hai..
    Sir ji mai ap se bas itna puchna chahta hu ki apne aisa kaise kiya
    Aur mujhe bhi aisa karne ke liye apne blog me kya karna hoga ...
    Mai chahta hu ki jab koi mere blog me aaye aur mere name par click kare to wo apke blog ke jaisa mere blog ki home page par chala jaye
    Please help kare

    जवाब दें
    • Jumedeen khan

      18 Apr, 2018 at 12:26 pm

      Dear mera blog wordpress par hai aur aapka blogger par aesa karne ke liye aapko blog wordpress par transfer karna hoga.

      जवाब दें
  3. Pavan Choudhary

    15 Apr, 2018 at 9:32 pm

    maine apni site par google ad lagaya hai par kuch page par dhikh raha hai kuch par nahi aisa kyo hai plz check

    जवाब दें
  4. Pavan Choudhary

    15 Apr, 2018 at 8:32 pm

    hi bro
    maine apna domain name change kiya hai fir 301 redirect kardiya hai aur fir google search console me change site address par jakar new domain submit kar diya hai , kya ab mujhe new domain ki sitemap submit karna hogi ya nahi ? vaise mera google ka traffic maire new domain par aa raha hai

    जवाब दें
    • Jumedeen khan

      18 Apr, 2018 at 12:22 pm

      Yes aap old domain ka sitemap delete kar naya wala submit karo.

      जवाब दें
  5. Shailendra kumar

    03 Jan, 2018 at 11:38 pm

    Hello sir maine ye code paste kiya par ye work hi nhi kar rha hai plss help me....

    जवाब दें
    • Jumedeen Khan

      04 Jan, 2018 at 7:20 am

      not support all themes.

      जवाब दें
  6. Monu

    01 Jul, 2017 at 8:21 pm

    Sir share button aur floating share button me kya fark he

    जवाब दें
    • Jumedeen Khan

      01 Jul, 2017 at 9:13 pm

      Dono smae work arte hai but floating left ya right side me show hote hai or share button post top ya bottom me. Yani location ka fark hai.

      जवाब दें
  7. ajay gupta

    02 Apr, 2017 at 4:29 pm

    बहत अच्छा मेने भी अपनी साईट में social bution ऐड कर लिया आपकी बताये तरीके के अनुसार

    जवाब दें
  8. VIJENDRA SINGH

    14 Jan, 2017 at 1:50 pm

    sir aapne floting social media ke liye css code diya hai wo kis jagah add karna hai
    Layout,edit html,customise sir aapke diye code ko maine layout and edit htmal me
    ]]> ke uper past karke dekh liya lekin code work nahi kar raha hai
    sir plz.mobile me floting icon kaise hide hoge.

    जवाब दें
    • Jumedeen Khan

      14 Jan, 2017 at 5:15 pm

      Vijendra ye code sabhi template me work nahi karta. Maine aapko helplogger.blogspot.com blog ke bare me btaya tha. Is blog par aapko social share button ke bare me kei post mil jayegi.

      जवाब दें
  9. VIJENDRA SINGH

    13 Jan, 2017 at 9:58 pm

    hello sir
    blog me mene left side me floating social media icon lagaye hai lekin wo desktop me
    sahi work kar rahe hai jab mai mobile me post open karta hu to icon post ke
    uper show ho rahe hai sir mobile me icon show hona kaise band hoge plz.sir bataye.

    जवाब दें
    • Jumedeen Khan

      13 Jan, 2017 at 10:40 pm

      Blog ki CSS coding me ye cod add karo.

      @media only screen and (max-width:500px){
      #social-buttons{display: none;}
      }

      जवाब दें
  10. Kavya

    05 Jun, 2016 at 9:53 pm

    Sir Ho sky toh apna contact number dey dijiye Mujhe blogging mey bhut kam aaya hey aur mere help krney la time kise key pas nhi hey aapki help seh mey ek profstional blogger bna chati Ho please mere help kry Mujhe WordPress ki be kuch know lge nhi hey aapki help seh mey bhut kuch Sikh skti Ho .

    जवाब दें
    • Jumedeen Khan

      06 Jun, 2016 at 6:35 am

      Aap mujhe facebook par contact kar sakte ho.

      जवाब दें
      • kavya

        06 Jun, 2016 at 1:55 pm

        Sir Pehly wala comment galt tipe ho gya isliye ye comment kr rhi ho sir koi baat nhi aap Mujhe contact number nhi dey pay pr mey aapky post seh jaror sikhoge thnx

        जवाब दें
  11. Kavya

    05 Jun, 2016 at 9:38 pm

    Sir mera jo blog hey uss domin aur hosting Maine hostgetor seh liye hey toh kya aap Mujhe bta skty ki Bina kise plugin key mey apne blog pr social share button kesy add kro please sir jaror batana Kyuki sir Mujhe help ki jarorat hey

    जवाब दें
    • Jumedeen Khan

      06 Jun, 2016 at 6:36 am

      Maine is post me code diya hai use apne blog ki widget me add karo Blog Me Font Awesome Social Follow Icon Kaise Add Kare

      जवाब दें
  12. sagar indora

    27 May, 2016 at 4:47 pm

    mobile se website ka free tmple kese change kru

    जवाब दें
    • Jumedeen Khan

      27 May, 2016 at 5:02 pm

      ye post padho Apne blog ki template ko change or upload kaise kare aasani se

      जवाब दें
  13. Prince

    27 Jan, 2016 at 8:53 pm

    Thank you bro, ok bro padhunga...

    जवाब दें
  14. Prince

    27 Jan, 2016 at 8:17 pm

    Bhai mera site check karke bataiye na thik hai ki nehi...
    Aur post likhne ka tarika kesa hai,
    agar koi improvement Lana ho to plsssssss bataiye mujhe...

    जवाब दें
    • Jumedeen Khan

      27 Jan, 2016 at 8:21 pm

      acha likhte ho or thodi bahut kami bhi hai to dheere dheere sab kuch sikh jaoge. mai blogging ke bare me itni post kar chuka hu ki aap blogging me kya sahi kar rahe ho or kya galat sabka jawab mil jayega. aap supportmeindia ki seo se related post pado.

      जवाब दें
  15. Sarwat ali

    24 Jan, 2016 at 10:30 pm

    Sir campany a/c kholne ke li companý kese banate hai.

    जवाब दें
    • Jumedeen Khan

      24 Jan, 2016 at 10:48 pm

      aapko kis ki company banani hai details me btao. I mean pura sawal likho jisse mai aapki sahi help kar saku.

      जवाब दें
  16. Brian Johnston

    26 Dec, 2015 at 2:03 pm

    There is perceptibly a bundle to know about this. I think you made some nice points in features also.

    जवाब दें
  17. gaukaran

    11 Dec, 2015 at 9:27 pm

    Kya ham copyright kar ke blog me AdSense laga sakte hai

    जवाब दें
    • Jumedeen Khan

      11 Dec, 2015 at 10:12 pm

      Nahi nahi laga sakte.

      जवाब दें
  18. Jumedeen Khan

    21 Sep, 2015 at 6:16 pm

    uske bare me post karunga, aap abhi tak nahi soye,

    जवाब दें
  19. geetanjali kumari

    21 Sep, 2015 at 6:08 pm

    Tag me bare me btaye or comment me upr Jo like h

    जवाब दें

अपनी प्रतिक्रिया दें। Cancel reply

Primary Sidebar

शुरुआती गाइड

ब्लॉगिंग के माध्यम से पैसे कमाने के 3 तरीका।
#पहला एक ब्लॉग बनाएँ।
#दूसरा ट्रैफिक बढ़ाएँ।
#तीसरा कमाना शुरू करें।
-: पैसे कमाना शुरू करें :-
सिर्फ ₹99/mo में होस्टिंग खरीदें!

नयी पोस्ट

  • घर में बरकत क्यों नहीं होती? (गरीबी की वजह)
  • मिया बीवी का रिश्ता - Miya Biwi ka Rishta
  • सच्चे प्यार के 20 गुण (True Love Qualities in Hindi)
  • Fitness Trainer कैसे बने? इसके लिए योग्यता और सैलरी
  • सारी जिंदगी जवान और सेहतमंद रहने के 10 नियम

अपडेटेड पोस्ट

  • घर में बरकत क्यों नहीं होती? (गरीबी की वजह)
  • मिया बीवी का रिश्ता - Miya Biwi ka Rishta
  • सच्चे प्यार के 20 गुण (True Love Qualities in Hindi)
  • Fitness Trainer कैसे बने? इसके लिए योग्यता और सैलरी
  • सारी जिंदगी जवान और सेहतमंद रहने के 10 नियम

पोपुलर पोस्ट

  • Blog Post Ko Jaldi Search Me Kaise Laye - Killer Tips
  • Website or Blog Ko Mobile Friendly Kaise Banaye or Q
  • Search Engines Me Aapki Website Ke Kitne URL Index Hai
  • Google Ki Help Se Apne Liye Job Search Kaise Kare [Hindi Jankari]
  • Website Ya Blog Design Me Hone Wali 10 Badi Mistakes

टॉपिक चुनें

  • इन्टरनेट
  • ईमेल मार्केटिंग
  • एजुकेशन
  • एफिलिएट मार्केटिंग
  • एसईओ
  • ऐडसेन्स
  • टेक्नोलॉजी
  • डोमेन रजिस्ट्रेशन
  • दिलचस्प तथ्य
  • पैसा कैसे कमायें
  • फेस्टिवल
  • बिज़नस स्टार्टअप
  • ब्यूटी टिप्स
  • ब्लागस्पाट
  • ब्लॉग्गिंग
  • मोबाइल मार्केटिंग
  • यूट्यूब
  • रिश्ते-नाते
  • लाइफ सक्सेस
  • वर्डप्रेस
  • वेब होस्टिंग
  • सिक्यूरिटी टिप्स
  • सोशल मीडिया
  • स्वास्थ्य

Footer

थोडा ब्लॉग के बारे में

यह एक हिंदी ब्लॉग है, जिसका मकसद है लोगो को हिंदी भाषा में विभिन्न जानकारी उपलब्ध कराना।

इसके अलावा हमारा एक Ask SMI फोरम भी है, जहाँ हम नए ब्लॉगर्स की मदद करते है।

अन्य महत्वपूर्ण लिंक

  • ब्लॉग
  • फ्री ब्लॉग बनाये
  • डील्स
  • पैसे कैसे कमाए
  • विज्ञापन दें
  • होस्टिंग कहा से लें
  • अस्वीकरण
  • शब्दकोश

ब्लॉग न्यूज़लेटर सब्सक्राइब करें

हमारी नवीनतम पोस्ट की सुचना पाने के लिए अभी ब्लॉग को सब्सक्राइब करे!

Powered by: Mozedia.com

कॉपीराइट © 2015–2021हमारे बारे मेंसम्पर्कगोपनीयता नीतिसाइटमैपवापस जाएँ।