Spread The Word: Put The Liturgy of the Hours on Your Own Website
Ever wanted to put today’s Liturgy of the Hours text on your website? Now you can! and as a big plus you also get to provide our award winning audio rendition of the universal prayer of the Catholic Church.
Divine Office Catholic Ministry announces today a new way to spread the Liturgy of the Hours to allow more and more people to join in prayer, always and everywhere.
Starting today, the same award winning Liturgy of the Hours audio and text produced by DivineOffice.org are available in a fully responsive “widget” you can embed in your own website!
The code is a simple “iframe” and works like this:
This simple line invokes the “widget” version of today’s Liturgy of the Hours in a virtual “frame” on your website. The widget will adapt automagically to any width and height. You can specify your preferred size through a very simple CSS Style definition, like this:
With the style=”width: 300px; height: 450px;” code, we are simply telling the browser that our iframe is 300 pixels in width and 450 pixels in height. Here is how it looks like:
Would you like a different form factor? Try a square:
Here is how it looks like:
Do you have a very narrow sidebar running on the side of your site? Well, we got you covered: the widget can adapt to your sidebar too. Check this out:
As you can see, I have added a “float: right” attribute to the CSS style definition. This will cause the widget to be aligned on the right side of the elements following it.
If you are familiar with CSS, you can even assign it an id or a class and play with the widget to make it whatever size you need and place it anywhere in your layout. It will work with media queries to get resized as the viewport changes in responsive designed pages, it will accept percentage values in liquid layouts… the widget will just adapt.
The Divine Office widget is a one-page solution, and features all the main prayers for today’s Liturgy of the Hours. Every time your originating web page is loaded, it will automatically update its contents to the current date.
The prayers use a standard HTML5 Audio Player, that does not require Flash to run. It is fully supported on Safari, Chrome, and Firefox, as well as on iPhone and iPad, from which you can even enable the Airplay feature and stream the audio version of the Liturgy of the Hours to your bluetooth speakers or the Apple TV.
At the very bottom of the widget, apart form the necessary copyright notes, we are including links back to our main website, a link to the Divine Office Catholic Ministry Facebook page and links to our iPhone, iPad and Android Apps.
Let us know here in the comments if you will add the Liturgy Of the Hours by Divine Office on your website, and feel free to post a link to the page featuring it!
Please note we are providing this service “as is”, with no warranty expressed or implied. You are free to use it as you see fit. The contents of this widget still reside on our website, and are loaded in real-time: any change or improvement we do will automatically reflect on the embedding page, and we will gather usage statistics from the widget the same way we do with our DivineOffice.org main website.
We are very careful on what we do on our website and through our distribution channels, and we have never included sponsors or 3rd party banner ads in any, furthermore we have no plans to do so in the near future. However, please understand that we may decide to include additional links in the widget (especially to announce new products and services we create or to ask for donations to support our ministry) without announcing the changes in advance.