It's easy to install! If you would prefer a toolbar on the side I have a code for that as well! It will look like this:
It can easily be configured to be on the left or right side of your blog. Unfortunately, I have yet to figure out a way to make the Facebook buttons work sideways. Which is why I prefer the bottom toolbar.
First, you will need small images for each link you would like to have in your Toolbar. Also you will need the URL link to each of your profiles/sites you are going to link too. You do not have to use all the links that I did, just delete that portion of that code if you don't need it. Also if you would like to add in more or different ones here is how:
Each set of code for a linked image is set up like this:
<a href='http://URL FOR PROFILE OR PAGE.com'
style='padding: 2px;' target='_blank'
title='HOVER TEXT'><img width="30"
src='http://URL FOR IMAGE.JPG'/></a>
Just replace everything in red. The first URL is the link to your profile/page, replace the word "HOVER TEXT" with something like "follow me on Twitter" and last is the image URL.
Images can be uploaded for free at Photobucket.
1. On Blogger open up the Layout editor
2. All the way down at the bottom in the footer area Click "Add a Gadget"
3. Choose the option for "HTML/Java Script" and copy & paste one of the following codes:
All the red URL's need to be changed to your profile/page links and to your image links (as described above). Also you can change the color's #000000 to match your blog. You can find HTML color codes Here.
This is the code for the Bottom Social Toolbar:
This is the code for the Side Social Toolbar:
If you would like the Toolbar to appear on the left side instead of right, simply look for the red word "right" a few lines down in the code and change it to "left".
Once you have changed the needed URL's, save and your done! Any questions or trouble feel free to ask.