Skip to main content

Recent Post

Kathai Sollukiren Vanga Youtube Channel

Post a Comment

Floating social share buttons widget








        Social bookmarking is great way to get more traffic.But how can you make your visitor Share your content with their social bookmarking
profiles like Digg, Stumbleupon, and Social Communities like Google +,
Facebook.That's the difficult part,most people feel lazy about sharing
them with their Social bookmarking profiles.



But don't worry about it now.This widget make it easy for you.This
floating widget helps you to get more attention from visitors...This
widget will increase traffic to your blog. That's why this widget is
effective and this is a very needed one for any web site.



In most sites i saw this widget on "Left" side. but i suggest "Right", because when the reader scrolling the page, mouse pointer is always in the "Right" side. So i think clicking Effectiveness

is high in "Right" side.     ok then let's see how to add it to your blog













  1. Copy the code below

  2. Page element --> Add a Gadget --> HTML/JavaScript Add  --> Paste the code and Save





<style>



#floatdiv {

  position:fixed;

bottom:2%;

margin-left:870px;

z-index:10;

float:left;

padding-bottom:2px;



}



#ETiOne-Sbar {

        background:#444;

        border-top:1px solid #ddd;


        border-left:1px solid #ddd;


        border-bottom:1px solid #ddd;

        border-radius:5px;

       -moz-border-radius:5px;

       -webkit-border-radius:5px;

        padding-left:5px;

        width:60px;

        margin:0 0 0 5px;

}



.fb_share_count_top {width:52px !important;}



.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}



.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px
!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="floatdiv">

<div id="ETiOne-Sbar">

    <table cellpadding="1px" cellspacing="0">



    <tr>

    <td style="padding:5px 0px 0px 0;">

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="SnOW_BiRDx">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

    </td>

    </tr>



    <tr>

    <td style="padding:5px 0 2px 0;">

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

    </td>

    </tr>





<tr>

<td style=" padding:5px 0px 2px 0px;">

<script type="text/javascript">

(function() {

var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];

s.type = 'text/javascript';

s.async = true;

s.src = 'http://widgets.digg.com/buttons.js';

s1.parentNode.insertBefore(s, s1);

})();

</script>

<a class="DiggThisButton DiggMedium"></a>

</td>

</tr>

    <tr>

    <td style=" padding:5px 0px 0px 0px;">



<g:plusone size="Tall" expr:href="data:post.url">

    </g:plusone></td>

    </tr>

<tr>

<td style=" padding:5px 0px 2px 0px;">

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

</td>

</tr>

<tr>

    <td>

<p style=" line-height:0px; font-size:10px; font-weight:bold;
text-align:center;"><a style="color:#D3D3D3;"
href="http://everythinginoneplaze.blogspot.com/2012/02/floating-social-share-buttons-widget.html">Get
Widget</a></p>

    </td>

    </tr>

    </table>

</div>

</div>





After Done with copying code let's see how to customize the widget






  • bottom:2%;

    - Change position Top to bottom -






  • margin-left:870px;

    - Change position left to right -






  • background:#444;

    border-top:1px solid #ddd;


    border-left:1px solid #ddd;


    border-bottom:1px solid #ddd;

    - Change background and boader color -
     






  • data-via="SnOW_BiRDx"

    - Change this to your Twitter username -








ok friends !..

Labels:

Comments

Post a Comment

Popular posts from this blog

Best Blog Directory And RSS Submission Sites

The RSSTop55 is my personal selection of the best blog and RSS directories and search engines that you can find on the web. Over the years, I have spent so much time in updating and refining it that the original list has grown to feature almost 400 directories and search engines, which make up for a truly unique collection of venues that you can use to promote your website. Photo credit: juliengron Why this list is so valuable to you and what are its key advantages compared to other lists dealing with the same topic? The RSSTop55 is updated weekly. New directories are added and I check persistently whether some old directories have headed to the deadpool, changed topic of interest, become a spam site, etc., so that this collection remains always of high-value. All directories are briefly reviewed, so that you can have a quick glance at each one of them and evaluate immediately if a directory is a good promotional venue for your website or business, without spen...
Post a Comment
Read more

Make Money Online: Anyone And Everyone

If you’re a blogger or a internet marketer or even a beginner then you already know that it’s POSSIBLE to make money online. And what’s interesting about it is that, there are a lot of ways to make money online – from selling ads, e-books, affiliate marketing, freelance writing, podcasting, consulting, designing, coding, etc. So I’m going to highlight some of those online income streams but don’t expect overnight success because creating an income stream requires a lot of work and patience. But if you are a beginner and clueless about where to start then this should help you to focus on that. If you have any trouble with any of these options then leave a comment below or you can e-mail me and I’ll do my best to find the best resource to help you. Make Money Online With Your Website Do you have a website or a blog? If so, then then selling advertisements is the easiest way to make money online. Since there are tons of ad networks on the Internet you have to m...
Post a Comment
Read more

How To Submit Blogger Sitemap To Google Webmaster Tools

Hi all of my friends, (prem). Today I am telling you how to submit a sitemap to Google Webmaster tools. Before going to today's tutorial, some discussion about Google webmaster. Why you submit a sitemap? This is the question? I will tell you guys how this is effect on your tariff. Bloggers say, “If you are not on Google, you are almost invisible to the world”, yes this is rightly said because if your blog is not submitted to Google Webmaster tools, there is high tendency that all you blog post might not get indexed on Google search engine and this might make you become invisible to the world despite your hard work. My blog almost had 25% increase of traffic from Google after submitting my blog to Google Webmasters Tool, Indexed my new post quickly and improve crawl rate.
Post a Comment
Read more