How to Add Floating Share Button on Blogger

1. Login blogger.com
2. On the dashboard select the design / design>> Page Elements

3. Then select add gadgets


4. Then select HTML / Javascript

5. Copy and paste the code below and insert into the content.

    <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">
    src="http://tweetmeme.com/i/scripts/button.js" <script 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">
    src="http://widgets.digg.com/buttons.js" <script type="text/javascript">
    </ Script>
    class="DiggThisButton DiggMedium" <a 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">
    src="http://www.google.com/buzz/api/button.js" <script type="text/javascript">
    </ Script>
    </ A>

    </ Div>
    </ Div>
    </ Div>

6. When finished select Save and see the results.

Penulis : sanak bahuga ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel How to Add Floating Share Button on Blogger ini dipublish oleh sanak bahuga pada hari . Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan How to Add Floating Share Button on Blogger