Need help? Check out our Support site, then


How do I get Social Media buttons for my site?

  1. 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. 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. 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. 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. Thanks again. Yes, I have the design upgrade. How would I add the buttons with CSS Editing?

  6. 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. 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. Great advice. Worked on my site http://journeyintogeekdom.com

Topic Closed

This topic has been closed to new replies.

About this Topic