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

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:

<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>

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 जरुर करना।

• Blogger Post Editor and Creator Top 10 Keyboard Shortcuts