Get a floating Share Bar in blogger using AddThis!

Want a floating share bar that does not use tweetmeme.com and is light on javascript .. and highly configurable ?

This one is for you !



Notice my shiny share bar ? You can get it too !

Go here and implement it on blogger : http://www.addthis.com/gallery/fixed-position#.TgilJ2H0dNm

Customisations:

To float it on the left :

.addthis_toolbox.atfixed {
position: fixed;
top: 10%;
left: 20px;
border: 1px solid #eee;
padding: 5px 5px 1px;

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
left: 100%;
margin-left: -45px;
position: fixed;
top: 25%;
width: 50px;
}
.addthis_toolbox .custom_images a {
width: 32px;
height: 32px;
margin: 0;
padding: 0;
cursor: pointer;
}
.addthis_toolbox .custom_images a img { border: 0; margin: 0 0 1px; opacity: 1.0; }
.addthis_toolbox .custom_images a:hover img { margin: 1px 0 0; opacity: 0.75; }

This floats it to the left ..
Better share buttons ..

<div class="addthis_toolbox atfixed">
<div class="custom_images">

<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIV6-E7Z5SJ0G0Yf32Fmruz4bNO3xMGEEkaC3z620P2iUDMa1dnjon0YZMUvPjX7VHwj0IZ0tqlc55I_eTzFFU8EvtbSkXjVFEwIKk3iKR7UUA1c9hMiBW6qPiofplwLZzksfwPapQHU8/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2JU9eOPtqVebW4imNevJPalCeTQpnEC1tlfUoelNwuCMGJzlLOk51do1umcP5vWjEqgnLlCbl_tNsTt6eWKwvOhXA5isjiWZZLiW9AhXYRncBq3ns86AO7yZaxSiNy5dWymSJ-w4Ms94/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtdJIzxT7gTh6F1VwDu6i3X3UZicG6EnAx8ljBClpFpKgYt3N9-Hf-P2v9fadaGfYUXd5mRD1kCyL_XU8QDZ9ohxHKM1TUX5ts9MnKL0_UO0Bfg7wPPfQZbqKK8QV1f2ymbWXyH7IKpf4/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCzvXdL2_HDamSghXp0lu_0yccYtRoM95ITEVunAbm_WT9Krr6b6Tf8zdP-BeFLrVy4K83_n4u-X4TaN_Bdtla-YXnpTTzk6zWITdZZK_sFHnjroxcQlWXIeOKARgCsHF_456SwzIHFGg/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc8XG-49w4UFGbL5KZp1WcsVniMFRFa5gjtDgDtEtUy6rV5dDI7Gxame_J46ZGV8J22N41Jt1thNDnKgA782C7G3anPWJVkvQTFLIZGI4u-TVYkov2TK64Ivi_NCBwLJl_QH0OrfOZjtA/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiecdzGzMVj-swB470yiCZOrbtLo0NZ4zI1LeNeFP_TSZfj8bEx0xMy3Mn0yEsQpuW0eNUBiG_2qF63TFY1ri-r7MFuVOWDPuWH6hZ21rPn0rHoyZv_15-rbUpM2mVkg4vChVExFctirAE/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh74YsKwvkwMEGYCpFmoPkoES7lODVGCY_vo_Uup2NC3cFjDtVbkpVY954Q-CkuOd5QFPo-SIWHYje1PH3T8B8LHGGDpnAaakmLTgXwyp_hYcsBUIBpDlOPcN6VRqSKwECJ6XF-2AHSbxc/s1600/more.png' width='32'/></a>
</div>
</div>

Instead of the HTML given at add this paste this and have Twitter, Delicious , Facebook , StumbleUpon !

Share on Facebook Share on Twitter Share on Google Plus

About hacktohell

Love technology.