यहाँ आनेवाली नयी जानकारी आप को 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>

1 comments:

Ninad said...

excellent
keep it up

Post a Comment

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