10 Feb 2018

Blog Me Left Side Me Social Share Buttons Kaise Add Kare

Aap sabhi ye to jante hi honge ki social midia blog ki traffic badhane me bhut madat karta hai or sath hi social midia se hume blog ki post search engine me dikhane nme bhi help milti hai. har blogger ki chah hoti hai hai ki uski post sab jada se jada share kare.mai aapko aaj blogger me left side me facebook, twitter, google plus ke floating button blogger left side me add karna btaunga. jisse aap ke blog ke visitors aapke blog ko sidhe social midia par share kar sake.isse pehle maine aapko bataya tha ki blog me niche ya uppar social midia button kaise lagaye.

youtube se paise kaise kamaye 

blogger se piase kaise kamaye 
Blog Me Left Sside Me Social Share Buttons Kaise Add Kare
Blog Me Left Sside Me Social Share Buttons  Add Kare




Flotting social share button blog me kaise lagaye?

Step.1:

1. Sabse pehle is code ko copy kar le.

<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.techglobeguru.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 ke madat se aap social share button ki jagah set kar sakte hai.

Code ko blog me kaha add kare


Step.2:

  1. Blog ke dashboard >> layout par click kare.
  2. Ab kahi bhi add a widget par click kare.
  3.  HTML/Javascript gadget select kare or code paste kare.
  4.  Save par click save arrangement par click kare.


Dosto apke blog me ab social share button add ho chuka hai agar aapko koi step samajh nhi aya ho to comment kar ke bataye.
Agar aapko ye post pasand ayii ho to share kar ke dusaro ko bhi iski jankari de or agar aapko kuch or bhi janna hai to comment kar ke btaye mai apki help karunga.

Thanks for reading...

Related Posts

Blog Me Left Side Me Social Share Buttons Kaise Add Kare
4/ 5
Oleh

आपका post कैसे लगा ज़रूर बताये और साथ ही आप मेरे site को Subscribe जरुर करे .और आपका कमेंट verification होने के बाद ही dhikhai देगा Comment करने के लिए आपका धन्यवाद