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

By: Jumedeen khanIn: Blogging, BlogSpotLast 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 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

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 कैसे करें

Chitika Kya Hai Or Chitika Se Paise Kaise Kamaye Hindi Me Jane

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

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

About: Jumedeen khan

I'm an Indian blogger and share useful content on this blog regularly.
If you like our articles then share this post on social media with your friends, also subscriber blog newsletter for getting latest notifications.

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

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

Step 1:

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

About: Jumedeen khan

Related Posts:

Comments ( 31 )

Add a Comment Cancel reply

LITTLE ABOUT BLOG

GOOGLE ADSENSE TUTORIAL

BEGINNER FOR BLOGGERS

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

Step 1:

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

Share this post:

About: Jumedeen khan

Related Posts:

Reader Interactions

Comments ( 31 )

Add a Comment Cancel reply

Footer

LITTLE ABOUT BLOG

GOOGLE ADSENSE TUTORIAL

BEGINNER FOR BLOGGERS