A Feed Frame is embedded in a page using an iframe. The embed code for your Feed Frame is in the "Overview" section of your Feed Frame's edit page. To use it, simply copy it over to your website and apply whatever styles you need to the iframe.
The following is the import code of Ricky's Dev Blog. Its template's CSS is set to match the rest of the styles on ricky.me (which is otherwise very outdated 😥).
<iframe class="sekando-feed-frame" id="sekando-feed-frame-6b89a562-7aef-4fbf-b4a1-e4f1b5fd0404" src="https://feedframes.sekandocdn.net/feedframes/6b89a562-7aef-4fbf-b4a1-e4f1b5fd0404"></iframe>
This is what it looks like embedded on this page:
This doesn't look very good because the iframe it self doesn't have any styles applied to it. It has the default iframe border and size set by the browser. You can define styles using the sekando-feed-frame class or the id of the feed frame. In this example, we will use the ID.
The following CSS will make the iframe the size it needs to look better as part of this page.
#sekando-feed-frame-6b89a562-7aef-4fbf-b4a1-e4f1b5fd0404 {
display: block;
margin: 0 auto;
height: 285px;
width: 300px;
border: 1px solid #eee;
}
Now that you know how to embed a Feed Frame, create your own!