Share

Add news to your own website!

Add the latest news to your own website…

RSS Feeds

 

News Ticker

 

Display the latest news on your website using our news scroller above. It can be fully customised to suit your website.

Example code


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><!---document type declaration must be set to this--->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ticker Example 1</title>

<!---Place the following javascript beteween the <head> tags of your html document--->
<script type="text/javascript" src="http://golfretailing.wpengine.com/News_Scroller/News_Stories_GolfRetailing.js"></script>
<script language="JavaScript1.2" type="text/javascript">

////// SCROLLER CONFIGURATION ///////  
Scrollorientation = "horizontal"        
scrollerWidth = "500"             
scrollerHeight = "12"             
borderWidth = 1                   
borderColour = "#08A3E0"          
backColour = ""            
staticColour = "#08A3E0"          
stopScroll = 1                    
textAlignment= ""

showstories = 0 //Can only be used with a vertical scroller -  Scrollorientation = "vertical"  - set to 1 to show
storyfontcolour = "#666666"
storyfont = "arial"
storyFontWeight = "normal" 
storyfontSize = "8"

showdate=0 //Shows Date Story Published - set showdate=1 to show date
dateFont = "arial"                
dateWeight = "normal"             
dateColour = "#08A3E0"            
dateSize = "8"                   

//Divider between News Story Titles - Can only be used with a horizontal scroller -  Scrollorientation = "horizontal" - set to "none" to hide divider  
scrollerDivider = "|"  
scrollerDividerColour = "#FAAA52"

// Scroller Title Links
linkFont = "arial"                
linkWeight = "normal"             
linkColour = "#08A3E0"            
linkSize = "8"                   
linkDecoration = "none"           

// Scroller Title Links On MouseOver
slinkFont = "arial"               
slinkWeight = "normal"            
slinkColour = "#FAAA52"           
slinkSize = "8"                  
slinkDecoration = "none"   

// Scroller Story Links
linkFont2 = "arial"                
linkWeight2 = "normal"             
linkColour2 = "#FAAA52"            
linkSize2 = "8"                   
linkDecoration2 = "none"           

// Scroller Story Links On MouseOver
slinkFont2 = "arial"               
slinkWeight2 = "normal"            
slinkColour2 = "#08A3E0"           
slinkSize2 = "8"                  
slinkDecoration2 = "none"  

// Netscape Navigator 4 Default Link
ns4Text = "Click Here to visit Golf Retailer News";  
ns4URL = "http://www.golfretailing.com/Latest_News.cfm";            
ns4Target = "_blank";  
</script>

<script type="text/javascript" src="News_Scroller.js"></script>

<!---Place the above javascript beteween the <head> tags of your html document--->

<style>
.Captions {
	background-color: #08A4E1;
	font-family: "Arial", "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 7px;
	}
</style>
</head>

<BODY onload=runScroller()><!---Call the scroller using the onload event of the body tag--->
<table width="600"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="100">&nbsp;</td>
    <td width="495" >&nbsp;</td>
    <td >&nbsp;</td>
  </tr>
  <tr>
    <td class="Captions">Golf News </td>
    <td><SCRIPT language=JavaScript type=text/javascript>buildScroller()</SCRIPT><!---Place this code where you want the scroller to be visible---></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>

JavaScript file

You will also need a copy of News_Scroller.js