Add Floating Gadget to your Blog in Blogger.

Ranga disa

Member
Oct 24, 2010
910
83
0
ඔගොලන්ගෙ blog එකටත් මෙවගෙ ස්තාවර (Fixed / floating) social sharing Gadget එකත් එක්ක Back to Top Gadget එක (හරියට මෙ screen shot එකෙ වගෙ) එකට දාගන්න කමතිනම් මෙහෙම කරන්න.



Blogger එකට code එක දාන හැටි.

  1. පල්ලෙහා මම දාල තියන code එක copy කරන්න.
  2. එකරල මෙවිදිහට කරන්න. "Design"> "Page element">Add gadget">"HTML/JavaScript ".
  3. දැන් අර code එක මෙ "HTML/JavaScript " window එකෙ past කරන්න.
  4. එකරල Save කරන්න. මෙ gadget එක දකුනු පැත්තෙ තියෙයි.
මෙ Thread එක හොදයි නම් comment & +rep එකක් දාල යන්න. :P

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 style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i267.photobucket.com/albums/ii317/melganda2007/Blog/back2top-icon-2.gif" /></a>
    </a>

    </div>
    </div>

        </div>


 
Last edited:

TwoTone

Well-known member
  • May 28, 2010
    6,769
    702
    113
    ela ela..thanx machan..man me oka daganne kohomada kiyala hoyanna ona kiyala hitiye...me thiyene badu :D
    Rep+
     

    TwoTone

    Well-known member
  • May 28, 2010
    6,769
    702
    113
    එල එල කොහොම හරි වැඩ කරනවනම්. :D
    උබෙ blog එකෙ comment දාන බෑනෙ? මෙන්න මෙ error එක එනව. :confused::shocked:

    Comments on this blog are restricted to team members.
    :eek: man settings wagayak monado kara..ehenam members lata witharak comment karanna set wela wage:baffled:..thanx machan kiwata..man balannam:D
     

    Ranga disa

    Member
    Oct 24, 2010
    910
    83
    0
    ela thanx macho...:yes::yes::yes:
    machanla danna kenek kiyanavada eka gmail account ekakin blog 2k hadanda puluvanda kiyala?:confused::confused::confused:

    පුලුවන් මම හිතනෙ නෑ එහෙම සිමාවක් තියනව කියල. මට දැනට Blog 2ක් තියනව එකම email address එකට . :D