how to put Rss feed in an HTML page?

1

Look at the website.

Free RSS Widget

I have the following code;

<!-- start sw-rss-feed code --> 
<script type="text/javascript"> 
<!-- 
rssfeed_url = new Array(); 
rssfeed_url[0]="http://esporte.uol.com.br/ultimas/index.xml";  
rssfeed_frame_width="300"; 
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=""; 
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 = "e90320463f8111afd3b519c711ff89e3"; 
//--> 
</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:300px;">powered by <a href="http://www.surfing-waves.com" rel="noopener" target="_blank" style="color:#ccc;font-size:10px">Surfing Waves</a></div> 
<!-- end sw-rss-feed code -->

How do I get to see this news on an HTML page?

    
asked by anonymous 18.04.2018 / 18:40

1 answer

1

Just import the scripts into header of your HTML and div into body , follow the code of an HTML page loading the feed:

<html>
    <head>
        <title>Titulo da página</title>
        <meta charset="utf-8">
        <script type="text/javascript"> 
            rssfeed_url = new Array(); 
            rssfeed_url[0]="http://esporte.uol.com.br/ultimas/index.xml";  
            rssfeed_frame_width="300"; 
            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=""; 
            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 = "e90320463f8111afd3b519c711ff89e3"; 
        </script> 

        <script type="text/javascript" src="https://feed.surfing-waves.com/js/rss-feed.js"></script></head><body><divstyle="text-align:right; width:300px;">powered by <a href="http://www.surfing-waves.com" rel="noopener" target="_blank" style="color:#ccc;font-size:10px">Surfing Waves</a></div> 
    </body>
</html>

In the CDN Script I deleted the "//" and entered "https: //" because it just worked locally here, and will work everywhere as well.

    
18.04.2018 / 19:08