This is my example bar, without social icons:

This is my example bar, with social icons. You can see the text gets pushed to the right:

If you choose different colors for social background/social hover background and social text/social hover text, the icon a visitor hovers his/her cursor over spins and changes color. I hovered my cursor over the Facebook icon:

I'm sure you can make a much prettier, cooler bar than mine. Have fun! If you have any questions or comments, please leave them below. And, if you liked this tutorial or found it useful, click the big green "Like" button under the big green arrow.

Sharon