Create a blog post widget

Our blog post widget makes it easy to display recent blog posts on your web site

To add our blog post widget to your web page, copy the "embed code" from the box below the widget preview.

Then paste the embed code into the HTML (source code) of your web page.

Preview your widget

Your widget will display: Blog posts from Chesterfield Royal Hospital NHS Foundation Trust.

This is how your widget will look on your own page.

Embed code

Copy all the code from the box below, and paste it into the HTML of your own web page.

If you want, you can edit the code to adjust the size of your widget:

height: in pixels
width: in pixels
number of posts: edit the number shown after "take" in the code

<div id="target">
</div>
<script src="https://careopinionuk-staging.azurewebsites.net/content/js/widget/blog-post-widget.min.js"></script>
<script>
PO.blogs.createWidget(document.getElementById('target'), {"take":6,"blogId":113}, { width: 350, height: 250 });
</script>

Iframe widget

If you cannot use the script widget, we also have an iframe based widget available.

The content will resize up to size of the iframe.

<div style="position:relative;overflow:hidden;max-width:350px;min-width:250px;height:320px;"> <iframe src="https://careopinionuk-staging.azurewebsites.net/blogs/framedwidget?BlogId=113" frameBorder="0" allowTransparency="true" style="width: 100%;height: 100%;position:absolute;top:0;left:0;bottom:0;right:0;"> You must have a browser that supports iframes to view the Care Opinion widget </iframe></div>