Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

How do I get Social Media buttons for my site?

  1. pawstotalk
    Member

    Hi,

    I currently have the Facebook like box, Twitter feed and Rss feed in my side bar but would like to get buttons for them to put at the top or side bar of my site. How do I do that? Where can I find them? I have seen other WP sites with this.

    Thanks!

    The blog I need help with is pawstotalk.net.

  2. timethief
    Member

    You go to Google search and search to locate free images of the icons you want to use for the various social working sites. You upoald the images the same way you upload any image and you link each one to your profile page on the associated social networking site. Then you display the linked icons in a text widget in your sidebar.
    http://en.support.wordpress.com/images/
    http://en.support.wordpress.com/widgets/text-widget/

  3. pawstotalk
    Member

    Thank you! I see some sites with these icons near the top of their site and not in the sidebar. How would I place them in the heading? I am using the 2011 Theme.

  4. timethief
    Member

    A few themes like Mystique provide social networking sharing button in the header area but most don't. Those that are appearing there on themes that aren't designed to provide them have purchased an annually renewable custom design upgrade and done the rewuired CSS editing.

  5. pawstotalk
    Member

    Thanks again. Yes, I have the design upgrade. How would I add the buttons with CSS Editing?

  6. timethief
    Member

    I will flag this thread so it is moved to the CSS editing forum. You will have to upload the images of the social networking icons while waiting.

  7. designsimply
    Staff

    Here is an example showing how to use absolute positioning to move one of the widgets from the sidebar into the header area:

    #secondary {
	position: relative;
}
#archives-3 {
	display: block;
	position: absolute;
	top: -350px;
	left: 75px;
	z-index: 9999;
}

    Note that CSS is based on your theme choice Twenty Eleven and the widgets you currently had installed when I checked your site.

    To do this for social media buttons, first add the buttons to a text widget as timethief recommended. Then view your page source and find out what the ID for that text widget is (we can help if you post back after you've added the text widget). Replace "archives-3" in the example with your text widget ID value. Last, adjust the top and left values to place the widgets where you want.

  8. keorfas
    Member

    Great advice. Worked on my site http://journeyintogeekdom.com

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags