1 / 6

Adding Social Media Widgets to Websites

Adding Social Media Widgets to Websites. Where the Code Goes. All of these widgets use “embed code” Select code (click inside the code) Ctrl+C to copy, or use Copy button We’re putting code below the headline, above the text Ctrl+V to paste it in. Add This. http://www.addthis.com/

porter-navarro
Download Presentation

Adding Social Media Widgets to Websites

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Adding Social Media Widgets to Websites

  2. Where the Code Goes • All of these widgets use “embed code” • Select code (click inside the code) • Ctrl+C to copy, or use Copy button • We’re putting code below the headline, above the text • Ctrl+V to paste it in

  3. Add This • http://www.addthis.com/ • Adds “Share” button to any webpage • Add it to a template page so it’ll be on every page • For the end user’s SM, not yours • Don’t need a presence on Facebook, Twitter, etc. • Select the style, get the code

  4. Facebook Developers • http://developers.facebook.com/plugins • All sorts of widgets for your pages • Like Button (to like/recommend your page) • Activity Feed (to show recent FB activity) • Like box (shows people who liked you page) • Facepile (shows faces of people who like your page) • Set values, copy the code

  5. Wrapping Text Around a Widget • Add a 1 row, 1 column table • 300 px wide, no border, no padding, no spacing • Paste code inside <td></td> tags • Align table left or right to wrap text around the table

  6. Twitter Resources • http://twitter.com/about/resources • Follow buttons (to follow your tweets) • Tweet buttons (to share your content) • Widgets (live stream of activity) • Icons and logos (linked to your account) • Choose layout • Cut and paste the code

More Related