FLOATING BUTTON ေလးေတြထည္႔ျပီး Share ၾကမယ္ ..

က်ေနာ္တို႔ ဘေလာ႔ေတြ ေဘးမွာ Floating Icon Button ေလးေတြထည္႔ျပီးေတာ႔ Share တာေတြကို ျမင္ဘူး ၾကပါ လိမ္႔မယ္ .. က်ေနာ္ အခု အဲဒီ Floating Sharing Button ထည္႔ပံုထည္႔နည္းကို ေျပာပါသြားပါမယ္ ...

 

1. BLOG ထဲကို LOGIN ၀င္ျပီး Design > Page Elements ကိုသြားပါ ..
2. Add A Gadget ကိုႏွိပ္ပါ ..
3. HTML/Javascript ကိုေရြးပါ .. Box တက္လာရင္ ေအာက္ပါ Code ေတြကို ေကာ္ပီကူးထည္႔ပါ .. ျပီးရင္ Save လုပ္ပါ ..
4. Code ေတြထည္႔ထားတဲ႔ Gadget ကို Drag ဆြဲယူျပီး Blog Posts ေအာက္မွာ ေနရာေပးလိုက္ျပီး Save လိုက္ရင္ ျပီးသြားပါျပီ ..

<!-- floating share bar Start bloggersentral.com-->
<style type="text/css">
#pageshare {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;}
#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 {-moz-border-radius:3px;-webkit

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

-moz-border-radius:3px;/*bs-fsmsb*/-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 id='pageshare' title="Get this from BloggerSentral.com">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">

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' 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='sbutton' 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 href="http://www.bloggersentral.com/">widget</a></div>

<!-- Do not remove this link -->
</div>
<!-- floating share bar End -->