यहाँ आनेवाली नयी जानकारी आप को email से मिलने के लिए YOUTUBE बटन को click कर के subscribe करे

add floating share buttons to blogger

Saturday, July 16, 2011

हे एक छान से floating share buttons  आहे ज्या मुळे   आपल्या post ला facebook सारख्या आणि   tweet and buzz ह्या साईटचे इकॉन अपोपाप ब्लॉगच्या एका साईडने खाली  वर  floating करतात चला तर मंग हे छान से widget आपल्या ब्लॉग मध्ये जोडा.










१)Go to Design > Page Element

2. Click Add Gadget and select 'HTML/Javascript'

past following code 



<style>
#sharebar {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;right:0;}
#sharebar .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div>
<div id="sharebar">


<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
</div>
<div class="sbutton" id="rt">
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script>
</div>
<div class="sbutton" id="su">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5">
</script>
</div>
<div class="sbutton" id="digg">
<script src="http://widgets.digg.com/buttons.js" type="text/javascript">
</script>
<a class="DiggThisButton DiggMedium" href=""></a>
</div>
<div class="sbutton" id="gb">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script>
</a>


<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.bloggertrix.com">Get widget</a></div>

</div>
</div>
</div>

3 comments:

Ninad said...

excellent
keep it up

basha gts said...

https://blogpedia4u.blogspot.com/2015/01/how-to-add-floating-social-share.html?showComment=1535093268502#c5948367824368597004

Priyanka S said...

Here's a link to our share buttons: https://shareaholic.com/pub...
You can add all the buttons you need, and have them appear on the top and/or bottom of posts.
For example, The Social Media Hat uses our buttons above their content and at the end of their posts. See how our buttons look on their site:
http://www.thesocialmediaha...
Of course, you can customize your buttons in a variety of ways in your Settings.
If you have any technical issues, feel free to reference our support center (http://support.shareaholic.... but if you can't find what you're looking for, submit a request and we'll be glad to help

Post a Comment

Related Posts Plugin for WordPress, Blogger...
Download करताना कुठली अडचण आल्यास मदत या पर्यायावर क्किक करा