Cara membuat widget share melayang

x-2share- buat sobat x-2share,,,kali ini sya mau bagi pelajaran hehehe....hanya sdikit informasi semoga bermanfaat,,,

ok pertama-tama..login ke blogger,,
trus edit laman,,,tambah gadget,,,html javascript...setelah itu copykan kode berikut,,,

<style type="text/css">
#pageshare {
  position:fixed;
  top:25%;
  left:0px;
  border-radius:0 5px 5px 0;
  -moz-border-radius:0 5px 5px 0;
  -webkit-border-radius:0 5px 5px 0;
  background-color:#fff;
  padding:0 0 2px 0;
  z-index:1000;
  box-shadow:0 0 2px rgba(0, 0, 0, 0.7);
  -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.7);
}

#pageshare .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 {
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {
  width:49px !important;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

.FBConnectButton_Small .FBConnectButton_Text {
  padding:2px 2px 3px !important;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  font-size:8px;
}
</style>

<div id="pageshare">
<div class="sbutton" id="gplusone">
<script src="https://apis.google.com/js/plusone.js" type="text/javascript">
</script>
<g:plusone size="tall"></g:plusone></div>

<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>

demonya di sini
setelah itu save dan liat hasilnya....semoga bermanfaat..