Publish your WordPress Feed Anywhere

So you have this really great WordPress Blog with tons of great content and a separate website that could benefit from some of the Blog Posts. Can I share my recent posts on my static website? Absolutely by using an RSS feed :)

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

Rokstories IE Layout Issue Showcase

If you are experiencing a Rockstories (Rockettheme) layout problem in showcase mode within IE this will help. Set your heights and widths as appropriate in the CSS below.

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;
}

Spry Tabbed Panel Fade Transition

I have seen many posts on the Adobe Forum regarding this request without any real solution. Following these steps will help you implement a fade out transition effect on the Spry Tabbed Panel Widget.

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.