Full News Feed Implementation
I need an experienced person to custom install a full news feed on my website. It has to be tailored around my wordpress theme. Below are the different customization details to use however I need the coding behind it to pass my web developer toolbar check once finished.
I need this done quickly!
Styling The News Feed:
Below are the different css classes used that can be used to style the headlines and stories.
* StoryTitle – Title in Headline view
* StoryText – Description in Headline view
* StoryItem – Row in Headline view
* StoryItemAlt – Alternating Row in Headline view
* HeadlineLink – Return to Headlines Link
* SingleStoryTitle – Title in Story View
* SingleStoryItem – Story Row/Div in Story View
* SingleStoryText – Story details in Story View
Feed Options
* subscriberKey = string : Required to show feeds
* HeadlineResults – string: The name of the div which will contain the list of headlines that are to be shown. By Default Headline and Results are shown in same div.
* StoryResults – string : The name of the div which will contain the story that is chosen. By Default Headline and Results are shown in same div.
* NumHeadlines – int : The number of headlines to show in the HeadlineResults div
* StoryUrl – string : If you want the story to link to a different page, you need to setup this parameter to the url of the Story. The javascript will add the required QueryString Parameter tho this url as specified by the StoryIdParam option
* StoryIdParam – string : If you want to specify a different querystring parameter for the story ID instead of the default parameter, specify it here. You may need to do this if you use the default StoryIdParam for something else
* ShowReturnLink – bool : This option will toggle whether or not the ‘Return to Headlines’ link is shown when viewing a story.
* ReturnLinkUrl – string : This option will allow you to use a different link other than the default javascript to show the headlines page. It will only show if ShowReturnLink = true
* ReturnLinkText – string : This option will allow you to display different text for the ‘Return to Headlines’ link
* ShowTitleOnly – bool : This option will allow you to only show the headline and not the description in the headline view
* StoryId – int : If you want to specify the StoryId, it can be specified here and will pull this story. *Be aware that the story will not pull if it has expired (is no longer one of the latest 10 stories)
Option Defaults
<script type=”text/javascript” src=”http://feeds.mortgagenewsdaily.com/Scripts/NewsFeed.js” id=”MNDNewsFeed”>
{ subscriberKey : null,
HeadlineResults : “newsResults”,
StoryResults : “newsResults”,
NumHeadlines : 10,
StoryUrl : “javascript:GetStory(‘{0}’);”,
StoryIdParam : “storyId”,
ShowReturnLink : true,
ReturnLinkUrl : “javascript:GetNews();”,
ReturnLinkText : “Return to Headlines”,
ShowTitleOnly : false,
StoryId : null}
</script>
Example for a Main Page and a Story Page:
News.aspx
<script type=”text/javascript” src=”http://feeds.mortgagenewsdaily.com/Scripts/NewsFeed.js” id=”MNDNewsFeed”>
{ subscriberKey : yoursubscriberkey,
HeadlineResults : “headlines”,
StoryUrl : “Story.aspx”}
</script>
<div id=”headlines”>
</div>
Story.aspx
<script type=”text/javascript” src=”http://feeds.mortgagenewsdaily.com/Scripts/NewsFeed.js” id=”MNDNewsFeed”>
{ subscriberKey : yoursubscriberkey,
StoryResults : “storyResults”,
ShowReturnLink : true,
ReturnLinkUrl : “News.aspx”,
ReturnLinkText : “Return to News”
}
</script>
<div id=”storyResults”>
</div>
