<script src="http://cssdrive.com/export/newsfeed.js" type="text/javascript"></script> <!--CSS code --> <style type="text/css"> .designnews{ margin: 0; padding-left: 15px; } </style> <!--HTML code --> <ul class="designnews"> <script type="text/javascript"> for (var i=0; i<newstitle.length; i++) document.write('<li><a href="'+newsurl[i]+'" title="'+newstitle[i]+'">'+newstitle[i]+'</a></li>') </script> </ul>

Example 2 (show latest 5 entries via decorative div container):

<script src="http://cssdrive.com/export/newsfeed.js" type="text/javascript"></script> <!--CSS code --> <style type="text/css"> .designnews{ border: 1px solid black; padding: 3px 3px 3px 7px; width: 250px; background-color: lightyellow; } .designnews div{ margin-bottom: 8px; font-size: 90%; } .designnews div a:hover{ color: red; } </style> <!--HTML code --> <div class="designnews"> <script type="text/javascript"> for (var i=0; i<5; i++) document.write('<div><a href="'+newsurl[i]+'" title="'+newstitle[i]+'">'+newstitle[i]+'</a></div>') </script> </div>

Example 3 (show 1 news entry randomly from top 10):

<script src="http://cssdrive.com/export/newsfeed.js" type="text/javascript"></script> <!--CSS code --> <style type="text/css"> .designnews{ border: 1px solid gray; padding: 3px; width: 450px; } .designnews a{ text-decoration: none; } .designnews a:hover{ color: red; } </style> <!--HTML code --> <div class="designnews"> <script type="text/javascript"> var rheadline=Math.floor(Math.random()*newstitle.length) //random integer between 0 and total_news-1 document.write('<b>Design News:</b> <a href="'+newsurl[rheadline]+'" title="'+newstitle[rheadline]+'" target="_new">'+newstitle[rheadline]+'</a>') </script> </div>

As you can see, if you're familiar with a little bit of JavaScript, you can tailor the look of the news feed in infinite ways. Enjoy!