Home arrow HTML arrow Page 3 - Keepin' Up With The News
HTML

Keepin' Up With The News


Whether you run a simple, static website or a dynamic database driven portal, the key to keeping your visitors coming back is in the constant updating of information. In this article Mitchell shows you how to utilize a dyanamic news source for your site.

Author Info:
By: Mitchell Harper
Rating:  stars stars stars stars stars / 0
November 02, 2001
TABLE OF CONTENTS:
  1. · Keepin' Up With The News
  2. · Our news source: MoreOver.com
  3. · Setting Up Your Dynamic News Feed
  4. · Conclusion

print this article
SEARCH DEVARTICLES

Keepin' Up With The News - Setting Up Your Dynamic News Feed
(Page 3 of 4 )

Now that we've got the code for our news stream via email, how do we go about adding it to our site? Simple. You'll notice that the code is a mixture of cascading style sheets, JavaScript and HTML, meaning that we can pretty much place the code anywhere between the <body> and </body> tags of our web page. As an example, type the following HTML into notepad and save it as mynews.html (ignoring the line numbering of course).

<html>

<head>

<title> My News Feed </title>

</head>

<body bgcolor=”#ffffff”>

<h1>My News Feed</h1>

</body>

</html>


Notice how I've intentionally left a line blank? This is where we will paste the code that will display our dynamic news feed. Simply place your cursor on line seven, copy the news feed code from the MoreOver email and paste it in. Save the file and preview it in your browser. You should get something that looks like this:

Our completed web page with the news feed code


blog comments powered by Disqus
HTML ARTICLES

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials