HomeGet the Article Widget
Get a widget for your website customized to fit your needs! Use the following form to customize your widget and then copy the generated code right into your website.
Instantly give your website updated relavant content that will keep visitors coming back to your website! » Read Documentation
Options
| Link Tag (Size) | |
| Description | |
| Type of Articles |
Select Tags
|
| Number of Articles | |
| Output an HTML List | |
| Add a Title |
Preview
The size and color of the text below may differ slightly depending on the style of your website.
Adding Style
The HTML code that is output by the Widget includes CSS IDs and Classe Names to allow for easy styling.
All tags include the rl-widget class name: class="rl-widget"
The Article Title
The article title consists of the header (container) element and the actual <a href=""> link.
- Header id="rl-widget-header"
- Link id="rl-widget-title"
The Description
If you have chosen to include a description in the output it will be contained within a <p> tag.
- Paragraph id="rl-widget-description"
The List Container
If you have selected "Output an HTML List" all article descriptions will be enclosed in <ul> and <li> tags.
- List id="rl-widget-list"
- List Item id="rl-widget-listitem"
Title
If you have selected "Add a Title" there will be a title that sums up the articles that are displayed. Unless you have chosen a Link Tag other than a header the size of the title will be one size up from the article title. Otherwise, the size will be h5.
- Title id="rl-widget-title"
Styling Examples
To make all the title links red you could add the following code to your website:
<style type="text/css">
#rl-widget-title { color:red; }
</style>
To change the color of the description text:
<style type="text/css">
#rl-widget-description { color:green; }
</style>