Blog Ki Left Side Me Floating Social Share Buttons Kaise Add Kare Posted by: Jume deen khan In: Blogging, BlogSpot Last Updated: 28/07/2017 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 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 style="clear: both;font-size: 9px;text-align:center;"> <a style="color: #3399BB;" href="https://www.onlinehindimehelp.com/2015/09/blog-me-floating-social-share-buttan-kaise-use-kare.html">Get This Widget</a> </div> </div> </div> </div> 2. Bottom:10%; Margin-left:-740px; code की मदद से आप social share button की जगह set कर सकते है। Code को Blog में कहा Add करें? Step 2 Blog के dashboard >> layout पर click करें। अब कहीं भी Add a Widget पर click करें। HTML/Javascript gadget select करें और code paste करें। 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 this post on social media: Share Tweet +1 Pin it
Jume deen khan 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. Reply
VIJENDRA SINGH 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. Reply
Jume deen khan 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. Reply
VIJENDRA SINGH 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. Reply
Jume deen khan Blog ki CSS coding me ye cod add karo. @media only screen and (max-width:500px){ #social-buttons{display: none;} } Reply
Kavya 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 . Reply
kavya 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 Reply
Kavya 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 Reply
Jume deen khan 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 Reply
Prince 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… Reply
Jume deen khan 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. Reply
Jume deen khan aapko kis ki company banani hai details me btao. I mean pura sawal likho jisse mai aapki sahi help kar saku. Reply
Brian Johnston There is perceptibly a bundle to know about this. I think you made some nice points in features also. Reply