Social Media Icons

If you're an Eclectic Tech client, please feel free to use our hosted social media icon set for your website.

Here's how you do that (and the results of what you get are below):

%newwin%[[http://lnkd.in/_Jmvqt| http://eclectictech.net/webcons/linkedin_32.png]] %newwin%[[http://profile.to/crisses | http://eclectictech.net/webcons/facebook_32.png]] %newwin%[[http://twitter.com/revCriss | http://eclectictech.net/webcons/twitter_32.png]] %newwin%[[http://blueprintsforchange.blogspot.com | http://eclectictech.net/webcons/blogger_32.png]] %newwin%[[http://www.youtube.com/eclectictllc | http://eclectictech.net/webcons/youtube_32.png]]

Breakdown

  1. You want the buttons to be links that open on a separate page in your browser. Use the %newwin% tag at the beginning of each separate line to say "All of the following links on this line open in a new window."
  2. Start a link with the double-bracket start-link command: [[
    • then the destination link to your social media profile page. This may not be the page you view when you are logged into your account, so it may take some tweaking. Example: http://twitter.com/Criss_Ittermann
    • add the "pipe" character -- that's the | vertical line above the \ on your keyboard or shift-\
    • continue the link with the icon graphic link (see links below)
    • finish the link with the double-bracket end-link command: ]]
  3. Create some type of spacer between your buttons. That can be a single normal space on your keyboard, or if you want more than one space you may need to use the special code   for a "non-breaking space".
  4. Repeat: if you're doing one-per-line start again at step 1. If you're doing them all on a single line, then continue at step 2.

Icon Links

The number after the underscore is a size. Icons are available in 32px or 64px. If you want larger icons, change 32 to 64.

http://eclectictech.net/webcons/linkedin_32.png
http://eclectictech.net/webcons/facebook_32.png
http://eclectictech.net/webcons/twitter_32.png
http://eclectictech.net/webcons/wordpress_32.png
http://eclectictech.net/webcons/blogger_32.png
http://eclectictech.net/webcons/youtube_32.png
http://eclectictech.net/webcons/feed_32.png
http://eclectictech.net/webcons/myspace_32.png
http://eclectictech.net/webcons/livejournal_32.png

If you need help with social media icons, please email us below:

Subject:

Enter code: