Social Posts

Documentation

Download

Setup

  • This javascript plugin requires jQuery, and should be loaded after the initial jQuery library.
  • This design uses a Masonry style, like here - http://w3bits.com/css-masonry/. Examples of the style are available in the source of this demo page.
  • All the images you will need for the card headers are included
  • Add the JavaScript of this page to your site, change all the parameters to fit your needs (see below), and test.

Blog

  • url: This is the URL for the RSS feed
  • This library uses the Google Feed Load API for RSS feeds.
  • entryCount: This is a numerical for how many entries to return
  • iconSrc: This is the URL for the header image icon
  • iconSrcAlt: This is the alt text for the header image icon

Etsy

  • url: This is the URL for the RSS feed
  • This library uses the Google Feed Load API for RSS feeds.
  • entryCount: This is a numerical for how many entries to return
  • iconSrc: This is the URL for the header image icon
  • iconSrcAlt: This is the alt text for the header image icon

Flickr

  • userID: An app must be created in Flickr. This is the userID of the application.
  • apiKey: An app must be created in Flickr. This is the API key of the application.
  • tags: This is the tags that will be searched
  • entryCount: This is a numerical for how many entries to return
  • iconSrc: This is the URL for the header image icon
  • iconSrcAlt: This is the alt text for the header image icon

Foursquare

  • url: This is the URL for the RSS feed
  • This library uses the Google Feed Load API for RSS feeds.
  • entryCount: This is a numerical for how many entries to return
  • iconSrc: This is the URL for the header image icon
  • iconSrcAlt: This is the alt text for the header image icon

Goodreads

  • url: This is the URL for the feed
  • This library uses the Yahoo Query API to gather the Goodreads data.
  • iconSrc: This is the URL for the header image icon
  • iconSrcAlt: This is the alt text for the header image icon

Pinterest

  • url: This is the URL for the feed of the list you wish to display
  • entryCount: This is a numerical for how many entries to return
  • iconSrc: This is the URL for the header image icon
  • iconSrcAlt: This is the alt text for the header image icon

Tumblr

  • url: This is the URL for the RSS feed
  • This library uses the Google Feed Load API for RSS feeds.
  • entryCount: This is a numerical for how many entries to return
  • iconSrc: This is the URL for the header image icon
  • iconSrcAlt: This is the alt text for the header image icon