Stoker wrote:MOD Name: BBCode for hosted RSS
MOD Authors: BBCode created by Stoker & script from DynamicDrive
Demo: Stokers Playground
Description: This BBcode gives You the opportunity to ad RSS Feeds to Your forum.
There is a various way to do this and the styling can be customized.
How to do the modifications:
Get Your own Google AJAX Feed API here: http://code.google.com/apis/ajaxfeeds/signup.html
Download the 2 files mentoined in Step 2: here: http://www.dynamicdrive.com/dynamicinde ... player.htm
(gfeedfetcher.js and indicator.gif)
Upload both files to Your root folder.
I've put these both in the following directory - /root/
Open styles/prosilver/theme/colours.css
Scroll down to the bottom and ad this code:
- Code: Select all
.labelfield{ /*CSS for label field in general*/
color: #AD2C2C;
font-size: 90%;
}
.datefield{ /*CSS for date field in general*/
color: #828282;
font-size: 90%;
}
#example1 a{ /*CSS specific to demo 3*/
text-decoration: underline;
font-weight: bold;
}
#example1 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}
code{ /*CSS for insructions*/
color: red;
}
Done this.
Save and upload both files. Purge cache.
Upload both files? How do I upload? Have I done this already by dragging and dropping?
Go to ACP and create the RSS BBCode.
BBCode:
- Code: Select all
[rss]{TEXT},{URL1}[/rss]
HTML Code:
- Code: Select all
<p style="text-align: right">» <a href="javascript:socialfeed.init()">Update</a> «</p>
<script type="text/javascript" src="http://www.google.com/jsapi?key=Put Your API key here">
</script>
<script type="text/javascript" src="gfeedfetcher.js">
/***********************************************
* gAjax RSS Feeds Displayer- (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
var socialfeed=new gfeedfetcher("example1", "example1class", "_new")
socialfeed.addFeed("{TEXT}", "{URL1}") //Specify "label"
socialfeed.displayoptions("label datetime snippet") //show the specified additional fields
socialfeed.setentrycontainer("p") //Display each entry as a DIV
socialfeed.filterfeed(20, "date") //Show 6 entries, sort by label
socialfeed.init() //Always call this last
</script>
I've done this.
Stoker wrote:Monique wrote:All I see after trying to use it is >>Update<< with a hyperlink I don't know this means:
Step 1: Insert the following code into the HEAD section of your page:
Do I put the code from google into the index.php at the top of the page? I think that where I have gone wrong is with this step of the process. But I don't understand what to edit, etc.
Thanks
Please give me a link to a thread using this BBCode.
If You dont want to post it in public, You can just send it by PM
It is a BBCode and can only be used in a post.
If You want it on the forum index page, open prosilver index_body.html and find this:
- Code: Select all
<!-- INCLUDE forumlist_body.html -->
After add:
- Code: Select all
<div class="forabg"><div class="inner"><span
class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dt>Mixed News for Forumindex</dt>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<li>
<div style="width: auto; height: auto; padding: 10px;">
<p style="text-align: right">» <a href="javascript:socialfeed.init()">Update</a> «</p>
<script type="text/javascript" src="http://www.google.com/jsapi?key=Put Your API key here">
</script>
<script type="text/javascript" src="gfeedfetcher.js">
/***********************************************
* gAjax RSS Feeds Displayer- (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
var socialfeed=new gfeedfetcher("example1", "example1class", "_new")
socialfeed.addFeed("USATODAY", "http://rssfeeds.usatoday.com/usatoday-NewsTopStories") //Specify "label" plus URL to RSS feed
socialfeed.addFeed("CNN", "http://rss.cnn.com/rss/cnn_latest.rss") //Specify "label" plus URL to RSS feed
socialfeed.addFeed("ABC", "http://feeds.feedburner.com/AbcNews_TopStories") //Specify "label" plus URL to RSS feed
socialfeed.displayoptions("label datetime snippet") //show the specified additional fields
socialfeed.setentrycontainer("p") //Display each entry as a DIV
socialfeed.filterfeed(20, "date") //Show 6 entries, sort by label
socialfeed.init() //Always call this last
</script>
</div><span></span></li>
</ul>
<span class="corners-bottom"><span></span></span></div></div>
I've also done this, but nothing is working.
A google feed doesn't really bother me. I'm after a Sporting Life feed - http://www.sportinglife.com/rss/general.xml
Somebody help me please!!!
