RSS Sample Page

Zenark Sample embedded RSS News Feed

This page simply shows an RSS News feed with stories selected from inside the Zenark TechSearch system appearing in a 3rd party website.

The stories to the right have been chosen using the TechSearch RSS News Feed system and are then embedded into any webpage using easy-to-follow HTML code and Javascript.

This is quick and easy to set up using a model similiar to Google's embedded AdSense system and can be added to any website very quickly.

Sample Code :
<script language="javascript">
  var electricsearch_rssmode = "full";
  var electricsearch_rssurl = "http://tech.zenark.com/zenark.xml";
  var electricsearch_stylesheetname = "style.css";

  var electricsearch_iframeborder = "0";
  var electricsearch_iframewidth  = "100%";
  var electricsearch_iframeheight = "100%";
  var electricsearch_iframescrolling = "on";
</script>

<script language="javascript" src="http://rss.zenark.com:80/rss.js"></script>

Instead of using a Stylesheet you can add the following JavaScript variables to the above to completely control the look of the site.

  var electricsearch_style_body;        // The embedded Page style
  var electricsearch_style_article;     // Each Story style
  var electricsearch_style_title;       // The Title
  var electricsearch_style_title_hover; // The Title when hovering
  var electricsearch_style_date; 	// The Date
  var electricsearch_style_source;      // The Source Website
  var electricsearch_style_description; // The body of each story

back to top

RSS Source for sample on right of this page

The RSS News Feed system is flexible enough to fit in seamlessly with the design of your web site. You can tailor the colours, style, font size, borders etc. exactly as you can any HTML code.

The dynamic news feed shown on the top right of this page is was created using the following HTML code and Javascript:

<script language="javascript">
  var electricsearch_rssmode = "full";
  var electricsearch_rssurl = "http://tech.zenark.com/zenark.xml";
  var electricsearch_stylesheetname = "";

  var electricsearch_style_body="width:160px; padding: 5px;
    background-color:#ECECEC; ";        // The embedded Page style
  var electricsearch_style_article="margin-bottom: 10px;
    font-family: Trebuchet MS, Arial, Sans-serif; font-size: 11px;
    color: #333333;";     // Each Story style
  var electricsearch_style_title="font-family: Trebuchet MS,
    Arial, Sans-serif; font-size: 11px; color: #990033;
    display:block;";       // The Title
  var electricsearch_style_title_hover="  color : red;";
    // The Title when hovering
  var electricsearch_style_date="font-family: Trebuchet MS,
    Arial, Sans-serif; font-size: 11px; color: #333333;
    display:block;"; 	// The Date
  var electricsearch_style_source="font-family: Trebuchet MS,
    Arial, Sans-serif; font-size: 11px; color: #333333;
    display:block;";      // The Source Website
  var electricsearch_style_description="font-family: Trebuchet MS,
    Arial, Sans-serif; font-size: 11px; color: #333333;
    display:block;"; // The body of each story

  var electricsearch_iframeborder = "0"; 
  var electricsearch_iframewidth  = "195";
  var electricsearch_iframeheight = "100%";
  var electricsearch_iframescrolling = "off";
</script>

<script language="javascript" src="http://rss.zenark.com:80/rss.js"></script>

To see additional styles in action: Click here and then click on any of the images to view a sample of our customer's sites running live. Please bear in mind that these sample sites may display news from a sector such as Education, Healthcare, Food & Drink rather than Technology News. Nevertheless they serve to illustrate how simply a "Latest News" feed can be incorporated into your web site.

You can then use View > Source in Internet Explorer, or View > Page Source in Mozilla Firefox to view the code snippet required to create that particular look-and-feel.

back to top