r r[Image:box.png]r• The blue tag above will create a box that looks like the image to therleft: it will pull the newslist from www.palantircomputers.ca, and formatrit into a stand-alone HTML element.rr• To use it to get a similar list from your own website, simply replacert'.replace(/(<([^>]+)>)/ig,""); var length =150;var shortsummary = summary.substring(0,Math.min(length,summary.length)); var ogdes = document.createElement('meta');  ogdes.setAttribute('property', 'og:description'); ogdes.content = (shortsummary);  document.getElementsByTagName('head')[0].appendChild(ogdes); var nordes = document.createElement('meta');  nordes.setAttribute('property', 'description'); nordes.content = 'Get a powerful online presence with an easy to use website and your own app';  document.getElementsByTagName('head')[0].appendChild(nordes);
Del

Guide: Syndication

The easy way to distribute content is simply to activate RSS on Tab 4 in FirstMagic Preferences and let people subscribe to it via their own RSS reader. But FirstMagic also has it´s own method - the Syndication Plugin makes it possible to publish your FirstClass content to any webpage, anywhere - even to non-FirstClass servers.
FirstMagic Syndication Plugin

The code snippet below can be inserted on any web page, and the site owner can use CSS to fit the output to any design requirements [or simply use a styling parameter and get it pre-formatted from your FirstMagic website].


<script language="JavaScript" type="text/javascript" charset="utf-8" src="http://www.palantircomputers.ca/Content/?leaves&playlist&styled&dark"></script>

Newsbox
• The blue tag above will create a box that looks like the image to the left: it will pull the newslist from www.palantircomputers.ca, and format it into a stand-alone HTML element.

• To use it to get a similar list from your own website, simply replace the URL part with a link to the container you want to distribute links from. Then add the tag to the web page where you want to output the box. You can also bake it into a widget or an app.


Usage:
By combining the tags below, you can distribute Documents, Documents & Podcasts, Podcasts, or Images, respectively:

  • Insert the tag on your web page, and change the url inside it to point to any FirstMagic container.
  • ?leaves&playlist is the only parameters you have to use - everything else is optional.
  • Add parameters separated by ampersands to the end of the url to configure the feed. Place such parameters after &playlist.
  • Use the styled parameter + a color parameter to get the box pre-designed and ready for use.
  • If you insert the box on a non-FirstMagic website, you can opt to add CSS tags to the site stylesheet to customize the design as you wish, instead of using a styled+color parameter.
  • If you insert it on a FirstMagic site,  styled+color tags as well as CSS is unecessary - the box is automatically designed to fit the Skin you are using [place the tag in the Sidebar Include for best effect].
Parameters
Parameter
What it does
Usage
news
Show only news articles
For text
podcasts
Show only podcasts
For text
switchlabels
Switch Title and RSS labels
For text or images
notitle
Omit title
For text or images
norss
Omit RSS link
For text or images
styled
Format the output as a nice box
For text
dark
Dark themed colors
For text
blue
Blue themed colors
For text
green
Green themed colors
For text
orange
Orange themed colors
For text
x-y
How many items to retrieve, starting from X ending at Y in the list [1-10 will get the ten newest items]
For text or images
popout
Open links in new window
For text or images
picsonly
Show only images
For images
smallthumbs
Show as small thumbnails
For images
mediumthumbs
Show as medium-sized thumbnails
For images
largethumbs
Show as large thumbnails
For images
formatted
Add margins and drop shadows to image thumbnails
For images

Available CSS tags for non-FirstMagic websites
CSS classes
What it does
Example
.sidebartitle
Styles the box title box
.sidebartitle {color:#000000;}
.sidebaritem
Styles the entire box
.sidebaritem {background:#cccccc;}
.sidelink
Styles each link item´s box
.sidelink {background:#ffffff;}
.sidebaritem a
Styles the URL
.sidebaritem a {color:#000000;}
.listedpic
Styles images
.listedpic {border:2px #cccccc solid;}

NOTE: neither styled+color tags nor CSS tags is necessary for FirstMagic sites. CSS tags are only useful for non-FirstMagic sites if styled+color tags is not used.