Embed a widget
Do you want to add the most recent entries of your favourite blog? Do you want to be informed about what's going on in the blog-sphere? Are you interested in some specific term? You can show the latest site updates of any RSS/Atom feed using these wizards to get the code that you can embed in your web page or blog. All the entries that FeedzZ has collected from the most popular blogs and newspapers in the web, can be displayed in your web just with a couple of clicks!!. And you can customize your CSS if you want!!!There are 4 different widget generators
- Search text - It returns the items found matching with the text
- Search semantic terms - It returns the items found matching the semantic terms. Note that you need to know exactly the name of the term as it's displayed in our cloud components what's hot or related terms
- Search feed by name - You can search a feed by name. Once the feed is selected it returns the latest entries found in that feed.
- Search popular feed by site and topic - You can choose from our popular feeds after filtering the feeds by site and topic. Once the feed is selected it returns the latest entries found in that feed.
FeedzZ Widget wizard
If you want to try this widget, please register or login
Generated Code
FeedzZ Widget output
How can I change the style and colors
When you embed the code generated by the wizards, the feed entries will be displayed following a VERY simple CSS file hosted at FeedzZ. Obviously the colors, font styles,etc might not match with your blog or website. But don't worry, there is a way to customize the way the widget looks like You can reference the absolute path to other CSS style adding the parameter customCSS- Get the code using some of the widget wizards code generators
- Create a CSS file in your web server
- Modify the code obtained before and add the parameter customCSS This parameter must point at the absolute path where your placed your CSS (For test purposes there is an alternate CSS file hosted at http://www.feedzz.com/semanticFeed/css/rss-2.css)
This is a sample
title=Some title&
customCSS=http%3A%2F%2Fwww.feedzz.com%2FsemanticFeed%2Fcss%2Frss-2.css&
url=http%3A%2F%2Fwww.feedzz.com%2Fsemanticfeed%2Frss%2Frss.html?username=XXXXXX%26apicode=123456%26feed=2">
</iframe>
Don't try with this code as the authentication credentials are fake
<iframe src="http://www.feedzz.com/rss/RSSWidget.html?title=Some title&
customCSS=http%3A%2F%2Fwww.feedzz.com%2FsemanticFeed%2Fcss%2Frss-2.css&
url=http%3A%2F%2Fwww.feedzz.com%2Fsemanticfeed%2Frss%2Frss.html?username=XXXXXX%26apicode=123456%26feed=2">
</iframe>
The generator does not handle size dimensions attributes and a minimum knowledge is required in order to re-dimension the iframe adding basic attributes as width,height,hide the scrollbars,etc.
Which are the classes used in the CSS
You only need to play with 3 class elements. This is how our default FeedzZ CSS looks like
.widget-rss-feeds {
padding:5px;
background:white;
color:#F8195D;
}
.widget-rss {
border-top:1px dashed #F8195D;
}
.widget-rss-link {
color: #0B6C9C;
}
.widget-rss-feeds {
padding:5px;
background:white;
color:#F8195D;
}
.widget-rss {
border-top:1px dashed #F8195D;
}
.widget-rss-link {
color: #0B6C9C;
}
Copyright © 2008 www.FeedzZ.com
Powered BY
