HomeBLOGGER

Social Share Widget Blogger Sidebar Me Kaise Add Kare

Social Share Widget Blogger Sidebar Me Kaise Add Kare
Like Tweet Pin it Share Share Email

Hi readers ajj mei apko is post mei batauga ki kaise apne blogger sidebar mei social share widget add kaise kare.Apne blog me traffic lane keliye social share buttan add karna bahut hi important hai. social share buttans add karne se apne blog mei traffic ke sath visitors bhi badh jate hai. naya blogger keliye traffic pana bahut hi muskil hote hai , aur naya blogger ke dimag mei ek hi khyal ate hai ki kaise apne blog mei jayda se jyada traffic laye.

Agor app social share widget blog mei add kar de to yeh parisani kafi hotok kom ho jate hai . kiyo ki social site se kafi visitors apne blog mei asakte hai aur aise blog ke traffic increase badhte rohege.

Social share widget add karne ka faide

Jab app apne blog mei ek helpful achha topic publish karte ho,aur visitors ko apka topic padhke achha loge to aise bahut sare visitor hai jo apke post ko social site mei share karne sahenge. Jab apke post social media me publish ho jayenge to social media me jo dusre log apke post padhenge to social site mei bhi wo visitors apke blog me view karne ka chances hai. aise me apke blog ke traffic ke sath blog rank bhi badh sakte hai. me ek html code niche diya hu app us code ko apne blog mei add karne se apke blog ke sidebar mei social share buttans show karega.

<style type="text/css">
#social-buttons {
position:fixed;
bottom:15%; 
margin-left:-721px;
float:left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#fff;
padding:0 0 2px 0;
z-index:10;
}
#social-buttons .button-share {
float:left;
clear:both;
margin:5px 5px 0 2px;
}
</style>
<div id='social-buttons' title="Get this from mygyanblog.com">
<div class='button-share' id='like' style='margin-left:7px;'>
<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: 2px;" ><a class='twitter-share-button' data-count='vertical' data-via='mygyanblog' expr:data-counturl='data:blog.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js'; type='text/javascript'></script>
<br />
<div class='button-share' style="margin-left: 3px;" id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='button-share' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='button-share' style='margin-left:3px;' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 9px;text-align:center;">Get <a style="color: #3399BB;" href="http://www.mygyanblog.com/">widget</a></div></div></div>

 

To saliye sikhte hai kaise apne blog me social share widget add kare . me apko step by step batata hu.

Step 1 :

Sabse pehle app apna blogger dashboard open kijiye , uske bad layout me jake add gadget par click karke html/java script file ko open kar lijiye.

social share widget add blogger

Step 2 :

Uske bad upor diya huwa code ko copy karke apke html file mei paste karke save kijiye.

social share widget blogger

I hope ki ye post apke blogging mei helpful hoga. Blogging ke aur bhi bahut sare post mei apne blog mei dalte rohege aur apko help karte rohenge.

Comments (2)

Leave a Reply

Your email address will not be published. Required fields are marked *