How do I get Social Media buttons for my site?

• 

  theyforgottomention · Member · Jul 2, 2012 at 3:17 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  timethief · Member · Jul 2, 2012 at 3:21 pm

  • Copy link

  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/

• 

  theyforgottomention · Member · Jul 2, 2012 at 6:13 pm

  • Copy link

  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.

• 

  timethief · Member · Jul 2, 2012 at 6:16 pm

  • Copy link

  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.

• 

  theyforgottomention · Member · Jul 2, 2012 at 9:30 pm

  • Copy link

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

• 

  timethief · Member · Jul 2, 2012 at 9:35 pm

  • Copy link

  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.

• 

  designsimply · Member · Jul 9, 2012 at 3:42 pm

  • Copy link

  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.

• 

  keorfas · Member · Aug 1, 2012 at 5:17 pm

  • Copy link

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