Embed openDesktop.org content on your website or blog
Do you want to embed openDesktop.org stuff on your website? You want to have a calendar with open source events on your blog but don't have the ressources
to maintain it? You want to inform your website visitors about newest KDE applications or new GNOME artwork? Well, that's no problem. And it's easy aswell.
As you may have seen we're providing several RSS feeds with different content. We even may deliver more in future. Of course we encourage everyone to share and spread (y)our content and ideas. Therefore, we created this site to help you to integrate openDesktop.org's RSS feeds on your sites.
We decided to use the Google Dynamic Feed Control Wizard. This little tool create HTML code based on a RSS feed which can be embedded on every page.
Additionally we add code exampels, other layouts can be created on above named Google site. Leave a comment below with your implementation. We are curious! ;)
Code example for the openDesktop.org Content RSS feed:
<!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search and Feed Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->
<!--
// The Following div element will end up holding the actual feed control.
// You can place this anywhere on your page.
-->
<div id="feed-control">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
</div>
<!-- Google Ajax Api
-->
<script src="http://www.google.com/jsapi?key=notsupplied-wizard"
type="text/javascript"></script>
<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
</style>
<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [
{title: 'opendesktop.org content feed',
url: 'http://www.opendesktop.org/opendesktop-content.rdf'
}];
var options = {
stacked : false,
horizontal : false,
title : ""
}
new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->
Code example for the openDesktop.org event RSS feed:
<!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search and Feed Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->
<!--
// The Following div element will end up holding the actual feed control.
// You can place this anywhere on your page.
-->
<div id="feed-control">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
</div>
<!-- Google Ajax Api
-->
<script src="http://www.google.com/jsapi?key=notsupplied-wizard"
type="text/javascript"></script>
<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
</style>
<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [
{title: 'opendesktop.org event feed',
url: 'http://www.opendesktop.org/rss/opendesktop-events.rss'
}];
var options = {
stacked : false,
horizontal : false,
title : ""
}
new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->
It's possible to embed any of our other RSS feed. If you just want to add the KDE-Look.org feed on your site you can use
the code from above, just change the appropriate lines. Keep in mind that you just have to change the title and the URL.
A site where other code generators are presented can be found here.
Some blog publishing applications and content management systems need other instructions. Please find below some instructions for common used
applications.
Joomla!
Drupal (needs a module)
Blogger.com
Wordpress
Also a possiblity: Open Collaboration Services
The open collaboration services is an open specification for a modern REST based API. We fully support the spec on all our websites. You can find the specification here, on freedesktop.org and general information about the specification can be obtained www.open-collaboration-services.org.
If you aren't afraid of progamming a little bit you are able to implement a powerfull information source for your website. A few or all details about stuff on
openDesktop.org are parsable via the OCS API. Not only that, other OCS service provider's content can also be displayed. Have a look in the spec and check out this site. If you have questions, wishes or
criticism, feel free to contact us via the contact formular below.
Find an example at Open Source Press GmbH (German publishing company) which is done with usage of the OCS API.
Feedback
Feel free to send us your feedback to our manuals, APIs and websites. We would love to discuss ideas how to improve the services with you.
Leave a comment below or a link to your website where openDesktop.org stuff is embedded! Or drop us an email.
feedback home
|