1. Open a www.feedburner.com account with your GMail ID.
2. Burn your Feed {next}
3. Give your Feed a Title and an Address {next}
4. Configure FeedBurner (optional) {next}
5. Click on the “Publicize” Tab
6. Click on “BuzzBoost” and config your feed HTML
7. Copy and paste the rendered code into any web ASP, ASP.NET, PHP or HTML web page.
8. Style as necessary to fit your design – YOU’RE DONE

Locate /modules/mod_rokstories/tmpl/css/rokstories.css and add the following:

.feature-block .image-container .image-full {position:relative;overflow: hidden;
/*IE Hack*/
*width:600px;
}
.feature-block .desc-container {overflow: hidden;position: relative;
/*IE Hack*/
*height:420px; *width:270px;*position: absolute;
}

1. Add the tabbed panel to your site.
2. Model your <li> tags like these:
   <li onclick=”MM_effectAppearFade(‘TabbedPanels1′, 2000, 0, 100, false)” tabindex=”0″ onfocus=”this.blur()”>Foundation</li>
   <li onclick=”MM_effectAppearFade(‘TabbedPanels1′, 2000, 0, 100, false)” tabindex=”0″ onfocus=”this.blur()”>Creative</li>
   <li onclick=”MM_effectAppearFade(‘TabbedPanels1′, 2000, 0, 100, false)” tabindex=”0″ onfocus=”this.blur()”>Programming</li>
   <li onclick=”MM_effectAppearFade(‘TabbedPanels1′, 2000, 0, 100, false)” tabindex=”0″ onfocus=”this.blur()”>Applications</li>
3. Add this inside the </head>
   <script src=”SpryAssets/SpryEffects.js” type=”text/javascript”></script>
   <script type=”text/javascript”>
   <!–
   function MM_effectAppearFade(targetElement, duration, from, to, toggle)
   {
   Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
   }
   function MM_effectHighlight(targetElement, duration, startColor, endColor, restoreColor, toggle)
   {
   Spry.Effect.DoHighlight(targetElement, {duration: duration, from: startColor, to: endColor, restoreColor: restoreColor, toggle: toggle});
   }
   //–>
   </script>
4. Add to the existing class element in SpryTabbedPanels.css
   .TabbedPanelsContent {
   opacity:0; /* sets the intitial opacity to 0 (zero) which prevents the flicker effect */
   filter:alpha(opacity=0); /* for ie6/7 */
   filter: “alpha(opacity=0)”; /* for ie8*/
   }

That’s it. Please let me know if you need to see a demo.

html { overflow: -moz-scrollbars-vertical !important; }
/* Fixes FireFox Browser Shift by turning the vertical scroll bar always on */