Subscrible via email

How to display a RSS feed as simple post or widget

Adding an RSS feed to your website let’s you display things like a feed of the latest headlines. To add an RSS feed to your site follow these instructions. 







Step 1. Locate the feed source you’d like to display. For example, if you want to display the latest Google News headlines you’ll go to Google News and find the RSS button at the bottom of the site. This will take you to their feed URL.

Step 2. Copy the RSS feed URL to your clipboard.

Step 3. Go to http://www.surfing-waves.com/feed.htm. This guy was nice enough to make a free RSS widget you can add to your site. Donate to him if you appreciate it.

Step 4. Add the RSS feed URL to the field provided at the above mentioned website http://www.surfing-waves.com/feed.htm

Step 5. Customize the way you want your feed to be displayed.

Step 6. Copy the widget code to your clipboard.

Step 7. You can insert the feed as simple <HTML/Javascript> widger or you can paste the code In a static page or post page using the editor: click on Insert > HTML and paste the widget code in the field provided. Once that’s entered the widget will appear on the page. You’ll have to remove the promotional box from the widget before you can resize and drag it.

The Code 
-----------------
<!-- start sw-rss-feed code --> 
<script type="text/javascript"> 
<!-- 
rssfeed_url = new Array(); 
rssfeed_url[0]="http://www.surfing-waves.com/newsrss.xml";  
rssfeed_frame_width="640"; 
rssfeed_frame_height="260"; 
rssfeed_scroll="on"; 
rssfeed_scroll_step="6"; 
rssfeed_scroll_bar="off"; 
rssfeed_target="_blank"; 
rssfeed_font_size="12"; 
rssfeed_font_face=""; 
rssfeed_border="on"; 
rssfeed_css_url="https://feed.surfing-waves.com/css/style6.css"; 
rssfeed_title="on"; 
rssfeed_title_name=""; 
rssfeed_title_bgcolor="#3366ff"; 
rssfeed_title_color="#fff"; 
rssfeed_title_bgimage=""; 
rssfeed_footer="off"; 
rssfeed_footer_name="rss feed"; 
rssfeed_footer_bgcolor="#fff"; 
rssfeed_footer_color="#333"; 
rssfeed_footer_bgimage=""; 
rssfeed_item_title_length="50"; 
rssfeed_item_title_color="#666"; 
rssfeed_item_bgcolor="#fff"; 
rssfeed_item_bgimage=""; 
rssfeed_item_border_bottom="on"; 
rssfeed_item_source_icon="off"; 
rssfeed_item_date="off"; 
rssfeed_item_description="on"; 
rssfeed_item_description_length="120"; 
rssfeed_item_description_color="#666"; 
rssfeed_item_description_link_color="#333"; 
rssfeed_item_description_tag="off"; 
rssfeed_no_items="0"; 
rssfeed_cache = "13b7854086db25948ad5cfff9f8f5da6"; 
//--> 
</script> 
<script type="text/javascript" src="//feed.surfing-waves.com/js/rss-feed.js"></script> 
<!-- The link below helps keep this service FREE, and helps other people find the SW widget.
 Please be cool and keep it! Thanks. --> 
<div style="text-align:right; width:640px;">
<a href="http://www.surfing-waves.com/feed.htm" target="_blank" style="color:#ccc;font-size:10px">feedwidget @</a> 
<a href="http://www.surfing-waves.com" target="_blank" style="color:#ccc;font-size:10px">Surfing Waves</a>
</div> 
<!-- end sw-rss-feed code -->
-----------------
Resource 

No comments:

Post a Comment